關(guān)于AngularJS中ng-repeat不更新視圖的解決方法
更新時間：2018年09月30日 10:07:03 作者：FieldSoft-HelloClyde
今天小編就為大家分享一篇關(guān)于AngularJS中ng-repeat不更新視圖的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
最近寫AngularJS項目中，遇到一個問題，先對數(shù)組進行賦值，ng--repeat正常工作，然后對數(shù)組進行修改，ng-repeat似乎沒有工作，視圖沒有更新。
原因是ng-repeat會已默認值排序，由于我的數(shù)組中的元素有重復(fù)，所以ng-repeat沒有對重復(fù)的元素進行刷新，只要對ng-repeat指定track by就可以了
<tr ng-repeat="selectedCriterias in selectedCriteriasArray track by $index">
用track by $index問題解決。這樣ng-repeat把$index作為key
以上這篇關(guān)于AngularJS中ng-repeat不更新視圖的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
angularjs指令中的compile與link函數(shù)詳解
這篇文章主要介紹了angularjs指令中的compile與link函數(shù)詳解,本文同時訴大家complie,pre-link,post-link的用法與區(qū)別等內(nèi)容,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了AngularJS的HTML DOM支持情況,包括ng-hide和ng-click指令的使用,需要的朋友可以參考下2015-06-06
ngrx是一套利用RxJS的類庫，下面這篇文章主要給大家介紹了關(guān)于Angular X中使用ngrx的方法，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。2017-07-07
這篇文章主要為大家詳細介紹了angularjs實現(xiàn)首頁輪播圖效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
當(dāng)Angular項目的規(guī)模到達一定的程度，就需要進行測試工作了。為什么要自動化測試？1，提高產(chǎn)出質(zhì)量。2，減少重構(gòu)時的痛。反正我最近重構(gòu)多了，痛苦經(jīng)歷多了。3，便于新人接手。下面這篇文章就給大家詳細介紹了Angular.Js的自動化測試，有需要的朋友們可以參考借鑒。2016-12-12
Angular.Js中ng-include指令的使用與實現(xiàn)
ng-include 指令用于包含外部的 HTML 文件。包含的內(nèi)容將作為指定元素的子節(jié)點。下面這篇文章主要給大家介紹了Angular.Js中ng-include指令的使用與實現(xiàn)的相關(guān)資料，文中介紹的非常詳細，需要的朋友們下面來一起看看吧。2017-05-05
AngularJS基礎(chǔ) ng-mouseover 指令簡單示例
本文主要介紹AngularJS ng-mouseover 指令,這里幫大家整理了AngularJS 指令的基礎(chǔ)知識,并附代碼示例,有興趣的小伙伴可以參考下2016-08-08
這篇文章主要介紹了使用AngularJS中的SCE來防止XSS攻擊的方法,依靠合理地轉(zhuǎn)碼為HTML來預(yù)防跨站腳本漏洞共計,需要的朋友可以參考下2015-06-06
angularjs是javascript的一個框架，通過script標簽添加到網(wǎng)頁中。這篇文章主要介紹了AngularJs基本特性解析(一)的相關(guān)資料,需要的朋友可以參考下2016-07-07
這篇文章主要介紹了Angularjs修改密碼的實例代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-05-05