AngularJS 使用ng-repeat報錯 [ngRepeat:dupes]

更新時間：2017年01月19日 11:11:17 投稿：lqh

這篇文章主要介紹了AngularJS 使用ng-repeat報錯 [ngRepeat:dupes] 的相關資料,需要的朋友可以參考下

AngularJS 使用ng-repeat報錯

[ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify uniq

ng-repeat報錯

   
<div ng-init="words = ['高校','高校','高校']" ng-repeat="word in words"> 
  {{word}} 
</div>

[ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys

發(fā)現(xiàn)是因為相同的內(nèi)容重復引起，解決方案

<div ng-init="words = ['高校','高校','高校']" ng-repeat="word in words track by $index"> 
  {{word}} 
</div>

在ng-repeat后面加上

track by $index

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

深入理解Angular4中的依賴注入
在Angular中使用依賴注入，可以幫助我們實現(xiàn)松耦合，可以說只有在組件中使用依賴注入才能真正的實現(xiàn)可重用的組件。
2017-06-06
AngularJS使用ngOption實現(xiàn)下拉列表的實例代碼
這篇文章主要介紹了AngularJS使用ngOption實現(xiàn)下拉列表的實例代碼的相關資料,需要的朋友可以參考下
2016-01-01
Angular?結(jié)合?dygraphs?實現(xiàn)?annotation功能
這篇文章主要介紹了Angular?結(jié)合?dygraphs?實現(xiàn)?annotation,本文，我們直接結(jié)合 Angular 來演示，如何通過 dygraphs 實現(xiàn)折線圖上的 annotation 的功能，需要的朋友可以參考下
2022-08-08
實例剖析AngularJS框架中數(shù)據(jù)的雙向綁定運用
這篇文章主要介紹了AngularJS框架中數(shù)據(jù)的雙向綁定運用實例,包括數(shù)據(jù)綁定中的關鍵函數(shù)與監(jiān)聽器觸發(fā)的相關講解,需要的朋友可以參考下
2016-03-03
AngularJs實現(xiàn)分頁功能不帶省略號的代碼
這篇文章主要介紹了AngularJs實現(xiàn)分頁功能不帶省略號的代碼的相關資料，非常不錯具有參考借鑒價值，感興趣的朋友一起看看吧
2016-05-05
angular6?Error:Debug?Failure?at?typeToString解決分析
這篇文章主要為大家介紹了angular6?Error:Debug?Failure?at?typeToString解決分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-11-11
詳解angularjs跨頁面?zhèn)鲄⒂龅降囊恍﹩栴}
這篇文章主要介紹了詳解angularjs跨頁面?zhèn)鲄⒂龅降囊恍﹩栴}，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-11-11
AngularJs中$cookies簡單用法分析
這篇文章主要介紹了AngularJs中$cookies簡單用法,結(jié)合實例形式分析了AngularJS使用$cookies存儲變量相關操作技巧與注意事項,需要的朋友可以參考下
2019-05-05
AngularJS指令用法詳解
這篇文章主要介紹了AngularJS指令用法,較為詳細的分析了AngularJS指令的功能、用法及自定義指令的相關實現(xiàn)技巧,需要的朋友可以參考下
2016-11-11
angularjs實現(xiàn)天氣預報功能
這篇文章主要為大家詳細介紹了angularjs實現(xiàn)天氣預報功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-10-10