简单的ng-repeat不工作

Question

我在我的angularjs应用程序中有以下代码，为什么这个简单的ng-repeat不工作？

var app = angular.module('anApp', []); 
 
app.controller('aCtrl', function($scope) { 
 
    $scope.data = ["", "File", "", "Edit", "", "Format", ""]; 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="anApp" ng-controller="aCtrl"> 
 
    {{data}} 
 
    <ol> 
 
    <li ng-repet="j in data">{{j}}</li> 
 
    </ol> 
 
</div>

Answer 1

尝试。 data阵列有重复的项目，然后用track by $index

<ol> 
    <li ng-repeat="j in data track by $index">{{j}}</li> 
</ol> 

Answer 2

重复键不会在AngularJS允许，你也拼错ng-repeat

Docs

var app = angular.module('anApp', []); 
 
app.controller('aCtrl', function($scope) { 
 
    $scope.data = ["", "File", "", "Edit", "", "Format", ""]; 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="anApp" ng-controller="aCtrl"> 
 
    {{data}} 
 
    <ol> 
 
    <li ng-repeat="j in data track by $index">{{j}}</li> 
 
    </ol> 
 
</div>

Answer 3

Angular Doc.重复键在直放站

var app = angular.module('anApp', []); 
 
app.controller('aCtrl', function($scope) { 
 
    $scope.data = ["", "File", "", "Edit", "", "Format", ""]; 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="anApp" ng-controller="aCtrl"> 
 
    {{data}} 
 
    <ol> 
 
<li ng-repeat="j in data track by $index">{{j}}</li> 
 
    </ol> 
 
</div>

Answer 4

You can use this code it is working 
In view 
    {{data}} 
     <ol> 
     <li ng-repeat="j in data track by $index">{{j}}</li> 
     </ol> 

and in Javascript 

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

app.controller('MainCtrl', function($scope) { 
     $scope.data = ["", "File", "", "Edit", "", "Format", ""]; 
}); 

，并为你我在plunker我书面方式并请正确拼写NG-重复

https://plnkr.co/edit/Q1OeiIzGBgpppluvtOT1?p=preview