Duplicate ng-repeat with track by [duplicate]

Question

How to allow duplicate in ng-repeat with track by and update ng-repeat list from controller ?

By using track by $index i am not able to update scope variable, but i want to allow duplicate object in ng-repeat

Condition : 1) allow duplicate in ng-repeat 2) use track by 3) update ng-repeat list from controller

HTML

<div> <ng-repeat="question in pagedata.questions track by $index"> <p>{{question.questionText}}<p> <div ng-repeat="option in question.optionList track by $index"> <p ng-click="changeNextQuestion(question.nextQuestionId)">{{option}}</p> </div> </div>

Controller

 $scope.pagedata.questions = [ { "questionId" : 1 "questionText" : "A" "optionList" : [A1, A2, A3], "nextQuestionId" : 2 }, { "questionId" : 2 "questionText" : "B" "optionList" : [B1, B2, B3], "nextQuestionId" : 2 }, { "questionId" : 3 "questionText" : "C" "optionList" : [C1, C2, C3], "nextQuestionId" : 2 } ]; $scope.pagedata.questionsBack = angular.copy($scope.pagedata.questions); $scope.changeNextQuestion = function(nextQuestionId){ var nextQuestion = findNextQuestionIndex($scope.pagedata.questions, nextQuestionId); $scope.pagedata.questions[0] = $scope.pagedata.questionsBack[nextQuestion]; }); //I want to update view with new value. } }

use track by $index. to update just update the scope value.

Sibiraj
– Sibiraj

2017-09-19 06:19:14 +00:00
Commented Sep 19, 2017 at 6:19 — Sibiraj
– Sibiraj, Commented Sep 19, 2017 at 6:19

Manoj Patidar · Accepted Answer · 2017-09-19 06:21:56Z

0

Add 'track by $index' to the ng-repeat.

More info please see this link https://docs.angularjs.org/error/ngRepeat/dupes

answered Sep 19, 2017 at 6:21

Manoj Patidar

1,1712 gold badges11 silver badges29 bronze badges

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

Comments

Karthick Nagarajan · Accepted Answer · 2017-09-19 06:35:51Z

You check this one. I hope this one is very helpful for you.

In controller

var studentsList = [ {"Id": "101", "name": "siva"}, {"Id": "101", "name": "siva"}, {"Id": "102", "name": "hari"}, {"Id": "103", "name": "rajesh"}, {"Id": "103", "name": "rajesh"}, {"Id": "104", "name": "ramesh"}, ]; var uniqueStandards = UniqueArraybyId(studentsList ,"id"); function UniqueArraybyId(collection, keyname) { var output = [], keys = []; angular.forEach(collection, function(item) { var key = item[keyname]; if(keys.indexOf(key) === -1) { keys.push(key); output.push(item); } }); return output; };

ng-repeat="object in objects track by $index" when ng-click = "pushDuplicateAndUpdateView()" -> i want to push duplicate object to list and update view controller { $scope.Objects[A,B,C, B]; function pushDuplicateAndUpdateView(){ $scope.Objects[0] = C; } }
ok, sure can you update your question? Also, put your code here.

Collectives™ on Stack Overflow

Duplicate ng-repeat with track by [duplicate]

2 Answers 2

Comments

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Linked

Related