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.

stackoverflow.com/questions/25411291/…

Mhd Wael Jazmati
– Mhd Wael Jazmati

2017-04-26 10:15:55 +00:00
Commented Apr 26, 2017 at 10:15 — Mhd Wael Jazmati
– Mhd Wael Jazmati, Commented Apr 26, 2017 at 10:15

Mistalis · Accepted Answer · 2017-04-26 10:07:38Z

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, 2017 at 10:07

Mistalis

18.3k14 gold badges78 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

wasim beg Over a year ago

You gave me perfect solution

scary_devil · Accepted Answer · 2017-04-26 10:10:26Z

0

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

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

answered Apr 26, 2017 at 10:10

scary_devil

2784 silver badges20 bronze badges

Comments

Maxim Zhukov · Accepted Answer · 2017-04-26 10:14:38Z

0

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.

answered Apr 26, 2017 at 10:14

Maxim Zhukov

10.2k5 gold badges50 silver badges92 bronze badges

Collectives™ on Stack Overflow

angular.isArray function is not working in loop

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related