简单的ng-repeat无法正常工作

Question

I have following code in my angularjs app, why this simple ng-repeat is not working?

 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

Duplicate keys are not allowed in AngularJS and also you misspelled 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 2

try this. data array have duplicate item then use track by $index

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

Answer 3

Angular Doc. Duplicate Key in Repeater

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

and for you i am writting in plunker and please correct the spelling of ng-repeat

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