Angularjs數據-NG-重複不工作

我有下面的代碼，讓你知道，我是新來angularjsAngularjs數據-NG-重複不工作

<!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>

沒有從李的名字顯示值..... 任何幫助或建議，以解決這一問題

來源

2014-02-12 Jot Dhaliwal

如果你的瀏覽器中打開控制檯，你可以看到錯誤：

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

您在陣列中的兩個相同的項目（運行）。

從數組中刪除最後一個「運行」，它會正常工作。

請參見： Plunker

來源

2014-02-12 08:43:59

或 '由$索引道' 添加至年底重複表達 –

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

請從您的data-ng-init

刪除一個'Run'它會正常工作..

<!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>

來源

2014-02-12 08:49:16

Angularjs數據-NG-重複不工作

回答

相關問題