how to find array size in angularjs

Question

How to find array size in AngularJS

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="namesCtrl">

<p>Looping with objects:</p>
<ul>
  <li ng-repeat="x in names">
    {{ x.name}}
  </li>
</ul>

</div>

    $scope.names = [
        {name:'Jani'} ,
        {name:'raaj'} 
    ];
});

</script>

</body>
</html>

here i need size of names array

You did not specify if you wanted to display the length in the view, or use it in the controller, so, where do you want to use it? — a-d
– a-d, Commented Mar 7, 2016 at 17:53

Ryan · Accepted Answer · 2018-09-07 17:24:53Z

55

Just use the length property of a JavaScript array like so:

$scope.names.length

Also, I don't see a starting <script> tag in your code.

If you want the length inside your view, do it like so:

{{ names.length }}

edited Sep 7, 2018 at 17:24

Ryan

3,1813 gold badges25 silver badges35 bronze badges

answered Mar 7, 2016 at 18:01

Saket Mehta

2,5182 gold badges25 silver badges28 bronze badges

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

1 Comment

Saurabh Over a year ago

It works but in console also print 'Cannot read property 'length' of undefined'

georgeawg · Accepted Answer · 2018-09-07 18:27:44Z

6

You can find the number of members in a Javascript array by using its length property:

var number = $scope.names.length;

^{Docs - Array.prototype.length}

edited Sep 7, 2018 at 18:27

georgeawg

49k13 gold badges78 silver badges98 bronze badges

answered Mar 7, 2016 at 17:51

esqew

45k28 gold badges139 silver badges180 bronze badges

Collectives™ on Stack Overflow

how to find array size in angularjs