2014-02-12 3 views
2

я следующий код, и пусть вы знаете, что я новичок в angularjsAngularjs данных нг-повтора не работает

<!DOCTYPE html> 
<html data-ng-app=""> 
<head> 
    <!-- <script src="scripts/angular.js"></script>--> 
    <title>Angular js</title> 
</head> 
<body data-ng-init="names=['Ran','Run','Run']"> 

    <br /> 
    <ul> 
     <li data-ng-repeat="personName in names">{{personName}}</li> 
    </ul> 

    <script src="scripts/angular.min.js"></script> 
</body> 
</html> 

Там нет значения показаны из имен литиево ..... любая помощь или предложение, чтобы решить вопрос

ответ

3

Если открыть консоль вашего браузера, вы можете увидеть сообщение об ошибке:

Duplicates in a repeater are not allowed. 

Use 'track by' expression to specify unique keys. Repeater: personName in ['Ran','Run','Run'], Duplicate key: string:Run 

у вас есть две одинаковые элементы в массиве (Run).

Удалить последний «Run» из массива, и он будет работать нормально.

Пожалуйста, см: Plunker

+2

Или добавить 'трек $ индекса' до конца выражение повторения –

+0

https://github.com/angular/angular.js/pull/2505#issuecomment-17012537 – user700284

2

Пожалуйста, удалите один 'Run' из вашего data-ng-init

И это будет хорошо работать ..

<!DOCTYPE html> 
<html data-ng-app=""> 
<head> 
    <!-- <script src="scripts/angular.js"></script>--> 
    <title>Angular js</title> 
</head> 
<body data-ng-init="names=['Ran','Run']"> 

    <br /> 
    <ul> 
     <li data-ng-repeat="personName in names">{{personName}}</li> 
    </ul> 

    <script src="JS/angular-1.2.10.min.js"></script> 
</body> 
</html> 
Смежные вопросы