第一次推送到数组后，Angular 不绑定中继器

Question

我有一个绑定到数组的角度中继器。当我推送一个新项目时，UI 会按预期更新，但对于后续推送，数组会更新但 UI 不会更改。我已经尝试过scope.$apply()，但没有任何区别。

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

app.controller('myCtrl', function ($scope) {
    $scope.maxValue = 6;
    $scope.values = [1,2,3,4,5,6];

    $scope.update = function (){
        $scope.maxValue++
        $scope.values.push($scope.maxValue);
        //$scope.$apply();
    }
});

不知道我做错了什么。 Here's a small example that replicates the problem.

Answer 1

这是因为您一次又一次地使用相同的值会产生重复的元素，请尝试使用 track by index

 <li data-ng-repeat="item in values track by $index"> 

working fiddle