简单的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

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-repeat="j in data track by $index">{{j}}</li> </ol> </div> 

Answer 2

尝试这个。 data数组具有重复项，然后使用track by $index

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

Answer 3

角度文档 中继器中的重复密钥

 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", ""];
});

而对于你来说，我正在写punker，请更正ng-repeat的拼写

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