關(guān)于AngularJS中ng-repeat不更新視圖的解決方法
最近寫AngularJS項(xiàng)目中,遇到一個(gè)問(wèn)題,先對(duì)數(shù)組進(jìn)行賦值,ng--repeat正常工作,然后對(duì)數(shù)組進(jìn)行修改,ng-repeat似乎沒(méi)有工作,視圖沒(méi)有更新。
原因是ng-repeat會(huì)已默認(rèn)值排序,由于我的數(shù)組中的元素有重復(fù),所以ng-repeat沒(méi)有對(duì)重復(fù)的元素進(jìn)行刷新,只要對(duì)ng-repeat指定track by就可以了
<tr ng-repeat="selectedCriterias in selectedCriteriasArray track by $index">
用track by $index問(wèn)題解決。這樣ng-repeat把$index作為key
以上這篇關(guān)于AngularJS中ng-repeat不更新視圖的解決方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
angularjs指令中的compile與link函數(shù)詳解
這篇文章主要介紹了angularjs指令中的compile與link函數(shù)詳解,本文同時(shí)訴大家complie,pre-link,post-link的用法與區(qū)別等內(nèi)容,需要的朋友可以參考下2014-12-12
簡(jiǎn)介AngularJS的HTML DOM支持情況
這篇文章主要介紹了AngularJS的HTML DOM支持情況,包括ng-hide和ng-click指令的使用,需要的朋友可以參考下2015-06-06
angularjs實(shí)現(xiàn)首頁(yè)輪播圖效果
這篇文章主要為大家詳細(xì)介紹了angularjs實(shí)現(xiàn)首頁(yè)輪播圖效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04
Angular.Js中ng-include指令的使用與實(shí)現(xiàn)
ng-include 指令用于包含外部的 HTML 文件。包含的內(nèi)容將作為指定元素的子節(jié)點(diǎn)。下面這篇文章主要給大家介紹了Angular.Js中ng-include指令的使用與實(shí)現(xiàn)的相關(guān)資料,文中介紹的非常詳細(xì),需要的朋友們下面來(lái)一起看看吧。2017-05-05
AngularJS基礎(chǔ) ng-mouseover 指令簡(jiǎn)單示例
本文主要介紹AngularJS ng-mouseover 指令,這里幫大家整理了AngularJS 指令的基礎(chǔ)知識(shí),并附代碼示例,有興趣的小伙伴可以參考下2016-08-08
使用AngularJS中的SCE來(lái)防止XSS攻擊的方法
這篇文章主要介紹了使用AngularJS中的SCE來(lái)防止XSS攻擊的方法,依靠合理地轉(zhuǎn)碼為HTML來(lái)預(yù)防跨站腳本漏洞共計(jì),需要的朋友可以參考下2015-06-06

