angular.isArray function is not working in loop

Question

This is my index page

<li class="active" ng-repeat="items in menuItems">
    <span ng-if="angular.isArray(items)">
        <a href="" class="act">{{items}}</a>
    </span> 
</li>

This is my controller

app.controller('mainController', function($scope) {
  $scope.assests = 'include/assests.html' ;
  $scope.menu = 'include/menu.html' ;
  $scope.footer = 'include/footer.html' ;
  $scope.menuItems = [ 'a' , ['xyz'] , ['abc'] ];
});

MenuItems is mix of array and values , but angular.isArray(items) neither evaluate true nor false.

http://stackoverflow.com/questions/25411291/angularjs-inline-check-if-an-array-check — Mhd Wael Jazmati, Apr 26 '17 at 10:15

score 3 · Accepted Answer · answered Apr 26 '17 at 10:07

3

<span ng-if="angular.isArray(items)"> will looks for something in your scope named: $scope.angular.isArray() ; that obviously does not exists.

I would suggest you to do the following:

<span ng-if="isArray(items)">

And in your controller, define this function:

$scope.isArray = function(obj) {
    return angular.isArray(obj);
}

answered Apr 26 '17 at 10:07

Mistalis

17,793
13
73
97

1

You gave me perfect solution – wasim beg Apr 26 '17 at 10:12

score 0 · Answer 2 · answered Apr 26 '17 at 10:10

0

just put ng-if="isArray(items)" and then in your controller

$scope.isArray = function(value){ return Array.isArray(value) }

answered Apr 26 '17 at 10:10

scary_devil

268
4
19

score 0 · Answer 3 · answered Apr 26 '17 at 10:14

There is other solution, but i won't recomend it to use (it's better to have wrap over angular.functions and do not have direct access from view to angular, but sometime, it could be usefull).

You can set $scope.angular property with angular value like this:

(function(angular) {
 'use strict';

  var app = angular.module('app', []);

  app.controller('MainCtrl', ['$scope', function($scope) {
        $scope.angular = angular;
  }]);  
})(angular);

In this case access from view like angular.isArray will be transformed to $scope.angular.isArray.

angular.isArray function is not working in loop

3 Answers3