Array of objects in AngularJs

Question

$scope.items = [];
$scope.items.push(items);
<div ng-repeat="item in items">
    <div ng-repeat="(key, value) in item">
        {{value.ItemId}}
    </div>
</div>

How to avoid nested ng-repeat when iterating through an array of objects/arrays?

Answer 1

You shouldn't push one array into another, use angular.extend

$scope.items = [];
angular.extend($scope.items, items);


<div ng-repeat="(key, item) in items">
    {{item.ItemId}}
</div>

Answer 2

Why don't you use $resource to get your items from the server?

$resource returns a promise that can be assigned to your scope and will be populated with the data by Angular automatically.

var Items = $resource('/yourUrl');

$resource docs

After you implement your ajax call as a resource, you can simply do $scope.items = Items.query().