angularjs, bug in nested array with same value

Question

i've tried the last two days on a little problem.

I'm new on AngularJS, and I don't understand why this is not working.

If there is a same value in an array, the nested ng-repeat doesn't work :(

Is someone can help me please ?

index.html :

<!DOCTYPE html>
<html ng-app="testApp">
<head>
    <title></title>
</head>
<body ng-controller="testCtrl">
    <ul>
        <li ng-repeat="item in items">
            {{item.ip}}
            <ul>
                <li ng-repeat="s in item.status">{{s}}</li>
            </ul>
        </li>
    </ul>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
    <script src="app.js"></script>
</body>
</html>

app.js (this is working)

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

app.controller('testCtrl', function ($scope) {

$scope.items = [
    {ip: '192.168.1.23', status: ['aaa','bbb','ccc','ddd','eee','fff']},
    {ip: '192.168.1.24', status: ['ggg','hhh','iii','jjj','kkk','lll']}
];

});

app.js (doesn't work)

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

app.controller('testCtrl', function ($scope) {

$scope.items = [
    {ip: '192.168.1.23', status: ['na','up','na','down','down','na']},
    {ip: '192.168.1.24', status: ['up','down','na','up','up','na']}
];

});

Thanks a lot

Kuba Jagoda · Accepted Answer · 2014-10-26 11:31:23Z

2

You have to use track by expression to tell angular that elements are different. Try

<ul>
    <li ng-repeat="item in items">
        {{item.ip}}
        <ul>
            <li ng-repeat="s in item.status track by $index">{{s}}</li>
        </ul>
    </li>
</ul>

answered Oct 26, 2014 at 11:31

Kuba Jagoda

5,6172 gold badges21 silver badges22 bronze badges

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

Comments

A.B · Accepted Answer · 2014-10-26 13:00:45Z

1

where there are same values append "track by $index" to ng-repeat like

  ng-repeat="s in item.status track by $index"

answered Oct 26, 2014 at 13:00

A.B

20.5k3 gold badges43 silver badges74 bronze badges

2 Comments

Stéphane Tanguy Over a year ago

I can't at this time sorry, i've only 2pts and I need 15 to vote :(

A.B Over a year ago

@StephaneTanguy now you can, see :D

Collectives™ on Stack Overflow

angularjs, bug in nested array with same value

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related