angularjs ng-repeat duplicate items

Question

I am using http request with angular js ng-repeat to repopulate a list.

it goes like this:

<div class="item" ng-repeat="item in itemlist">
    content goes here...
</div>

than, in the controller, I call a function with interval, that sets item variable to be the new list:

$app.communicate is a function that makes http request to the server

    initializeItemList = function() {
        $app.communicate('item','loadItemList',{user_id : localStorage.userId},function(data, status, headers, config) {
            $scope.recent_item = data.recent_item;
            $scope.itemlist= data.itemlist;
            }
        },function() {});       
    };

    initializeItemList();

    $interval(initializeItemList, 4000);

in practice, every interval run duplicates the itemlist.

I tried to add filter unique, but it won't help..

RahulB · Accepted Answer · 2014-12-28 13:14:30Z

4

Use track by

<div class="item" ng-repeat="item in itemlist track by $index">
    content goes here...
</div>

answered Dec 28, 2014 at 13:14

RahulB

2,1101 gold badge21 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

angularjs ng-repeat duplicate items

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related