Добавление элементов в массив, кажется, прерывается ngRepeat

Question

У меня есть массив, который я показываю с помощью ngRepeat, и у меня есть форма внизу, которая позволяет добавлять к указанному массиву. Это используется для работы в предыдущей версии углового; То, как элементы отслеживаются в ngRepeat, изменились в более ранних версиях угловых, поэтому я еще не уверен, если это большой, но когда я нажимаю элемент в массив, все элементы, похоже, привязаны к одной и той же модели.

Это, как я добавить элемент:

var vm = this; 

this.items = []; 

this.addItem = function(item) { 
    vm.items.push(item); 
} 

и I цикл над ними, как это:

<ul> 
    <li ng-repeat="item in main.items track by $index">{{item.id}} - {{item.value}}</li> 
</ul> 
<hr> 
<input ng-model="main.newItem.id" type="text" placeholder="id"> 
<input ng-model="main.newItem.value" type="text" placeholder="value"> 
<button ng-click="main.addItem(main.newItem)">Add Item</button> 

Вот plnkr демонстрирует проблему.

Answer 1

Ответ пользователем Blackhole

Нужно сделать копию этого пункта, прежде чем добавить его в массив

vm.items.push(angular.copy(item));