Ng-Wiederholung scheint nicht einen separaten Bereich für jedes Element zu erstellen, bei der Verwendung von Array.push()

Question

Ich habe folgende Schrägansicht:

<div ng-repeat="item in items track by $index"> 
    <input ng-model="item.name"/> 
</div> 

In der Steuerung, nenne ich einen Dienst ein Json zu erhalten

$http.post("/NewItemJson").then(function (response) { 
    $scope.newItem = response.data; 
}); 

$scope.addItem = function() { 
    $scope.items.push($scope.newItem); 
}; 

Aber wenn ich die Ansicht zu testen, ich sehe, dass alle neuen Elemente hinzugefügt durch die addItem() Funktion verpflichtet sind: Darstellung eines neuen, leeren Elements, so kann ich es auf das Array mit der folgenden Funktion hinzufügen der gleiche Umfang. Ich kann sagen, dass, weil, wenn ich einen der Eingänge zu ändern, alle anderen in der gleichen Zeit ändern:

Diese seltsam ist, weil ng-repeat einen anderen Bereich für jedes Element erstellen sollte. Und zwar für alle Elemente des Arrays, die nicht mit der Funktion addItem() hinzugefügt wurden, aber in diesem Fall nicht. Was vermisse ich?

Answer 1

Sie aktualisieren $scope.newItem nicht, wenn Sie addItem() ausführen, also fügen Sie das gleiche Element immer und immer wieder hinzu. Versuchen Sie Folgendes:

$scope.addItem = function() { 
    $scope.items.push(angular.copy($scope.newItem)); 
};