關(guān)于AngularJS中ng-repeat不更新視圖的解決方法
更新時(shí)間：2018年09月30日 10:07:03 作者：FieldSoft-HelloClyde
今天小編就為大家分享一篇關(guān)于AngularJS中ng-repeat不更新視圖的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
最近寫AngularJS項(xiàng)目中，遇到一個(gè)問題，先對(duì)數(shù)組進(jìn)行賦值，ng--repeat正常工作，然后對(duì)數(shù)組進(jìn)行修改，ng-repeat似乎沒有工作，視圖沒有更新。
原因是ng-repeat會(huì)已默認(rèn)值排序，由于我的數(shù)組中的元素有重復(fù)，所以ng-repeat沒有對(duì)重復(fù)的元素進(jìn)行刷新，只要對(duì)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)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了AngularJS表格添加序號(hào)的方法,涉及AngularJS表格的遍歷及序號(hào)添加實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-03-03
Angularjs之如何在跨域請(qǐng)求中傳輸Cookie的方法
跨域傳輸Cookie是需要后臺(tái)和前臺(tái)同時(shí)做相關(guān)處理才能解決的，這篇文章主要介紹了Angularjs之如何在跨域請(qǐng)求中傳輸Cookie的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06
Angular中ng?update命令force參數(shù)含義詳解
這篇文章主要為大家介紹了Angular中ng?update命令force參數(shù)含義詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
AngularJS基礎(chǔ) ng-keypress 指令簡單示例
本文主要介紹AngularJS ng-keypress 指令,這里幫大家整理了基礎(chǔ)資料,并附是示例代碼,有需要的小伙伴可以參考下2016-08-08
本篇文章主要介紹了Angular中的生命周期鉤子的理解，詳細(xì)的介紹了生命周期鉤子和主要的生命周期鉤子，有興趣的可以了解一下2017-07-07
這篇文章主要為大家詳細(xì)介紹了Angular模板表單校驗(yàn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
AngularJs學(xué)習(xí)第五篇從Controller控制器談?wù)?scope作用域
這篇文章主要介紹了AngularJs(五）從Controller控制器談?wù)?scope作用域 的相關(guān)資料,需要的朋友可以參考下2016-06-06
詳解Angular的數(shù)據(jù)顯示優(yōu)化處理
本文主要對(duì)Angular的數(shù)據(jù)顯示優(yōu)化處理進(jìn)行詳細(xì)介紹，具有一定的參考價(jià)值，下面跟著小編一起來看下吧2016-12-12
這篇文章主要介紹了AngularJS創(chuàng)建自定義指令的方法,詳細(xì)的分析了自定義指令的原理、實(shí)現(xiàn)步驟、實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-11-11
Angular項(xiàng)目如何升級(jí)至Angular6步驟全紀(jì)錄
這篇文章主要給大家介紹了關(guān)于Angular項(xiàng)目如何升級(jí)至Angular6的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-09-09