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?

I'm assigning scope variable with array that I get from server. — Goran
– Goran, Commented May 5, 2014 at 12:52
I'm pushing new array into scope variable that is type of array — Goran
– Goran, Commented May 5, 2014 at 12:54

Idkt · Accepted Answer · 2014-05-05 13:07:23Z

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>

answered May 5, 2014 at 13:07

Idkt

3,0034 gold badges29 silver badges48 bronze badges

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

Comments

link · Accepted Answer · 2014-05-05 13:13:57Z

0

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().

answered May 5, 2014 at 13:13

link

1,6861 gold badge13 silver badges21 bronze badges

Collectives™ on Stack Overflow

Array of objects in AngularJs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related