运行以下代码时出现角度抛出错误

Question

<input type="number" ng-model="limit"/>
<button ng-click="runNames()" />


<div style="height:150px;width:150px" class="boxed" ng-repeat="name in names">
    {{name|uppercase}}
</div>

mainModule.controller('helloWorldController', ['$scope', function ($scope) {
    $scope.runNames = function () {
        $scope.names = [];
        for (i = 0; i < $scope.limit; i++) {
            $scope.names.push("pratik");
        }
    };
}]);

Answer 1

如果您确实在数组中want to have duplicated items，请确保告诉Angular按$index索引它们，以便Angular可以区分各个项目：

<div ng-repeat="name in names track by $index">
    {{name|uppercase}}
</div>