关于AngularJS中ng-repeat不更新视图的解决方法


Posted in Javascript onSeptember 30, 2018

最近写AngularJS项目中,遇到一个问题,先对数组进行赋值,ng--repeat正常工作,然后对数组进行修改,ng-repeat似乎没有工作,视图没有更新。

原因是ng-repeat会已默认值排序,由于我的数组中的元素有重复,所以ng-repeat没有对重复的元素进行刷新,只要对ng-repeat指定track by就可以了

<tr ng-repeat="selectedCriterias in selectedCriteriasArray track by $index">

用track by $index问题解决。这样ng-repeat把$index作为key

以上这篇关于AngularJS中ng-repeat不更新视图的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 按回车键相应按钮提交事件
Nov 02 Javascript
javascript模拟实现C# String.format函数功能代码
Nov 25 Javascript
利用window.name实现windowStorage代码分享
Jan 02 Javascript
三种方式获取XMLHttpRequest对象
Apr 21 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
微信小程序 textarea 详解及简单使用方法
Dec 05 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
Apr 12 Javascript
Bootstrap下拉菜单更改为悬停(hover)触发的方法
May 24 Javascript
[js高手之路]寄生组合式继承的优势详解
Aug 28 Javascript
javascript原型链学习记录之继承实现方式分析
May 01 Javascript
微信小程序分包加载代码实现方法详解
Sep 23 Javascript
jQuery实现简单弹幕制作
Dec 10 jQuery
angular5 子组件监听父组件传入值的变化方法
Sep 30 #Javascript
小程序视频或音频自定义可拖拽进度条的示例代码
Sep 30 #Javascript
angularjs1.5 组件内用函数向外传值的实例
Sep 30 #Javascript
angular2 组件之间通过service互相传递的实例
Sep 30 #Javascript
详解如何webpack使用DllPlugin
Sep 30 #Javascript
浅谈angular2子组件的事件传递(任意组件事件传递)
Sep 30 #Javascript
vue-router 手势滑动触发返回功能
Sep 30 #Javascript
You might like
php disk_free_space 返回目录可用空间
2010/05/10 PHP
php之curl实现http与https请求的方法
2014/10/21 PHP
PHP结合jQuery实现找回密码
2015/07/22 PHP
双击滚屏-常用推荐
2006/11/29 Javascript
JavaScript CSS修改学习第二章 样式
2010/02/19 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
2010/12/14 Javascript
jquery网页元素拖拽插件效果及实现
2013/08/05 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
2014/09/10 Javascript
javascript实现捕捉键盘上按下的键
2015/05/05 Javascript
javascript实现页面刷新时自动清空表单并选中的方法
2015/07/18 Javascript
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
2015/10/01 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
2015/10/12 Javascript
jqueryMobile使用示例分享
2016/01/12 Javascript
详解AngularJS过滤器的使用
2016/03/11 Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
2016/10/05 Javascript
利用jQuery实现简单的拖曳效果实例代码
2017/10/20 jQuery
理解Koa2中的async&amp;await的用法
2018/02/05 Javascript
浅谈对于react-thunk中间件的简单理解
2019/05/01 Javascript
webpack项目使用eslint建立代码规范实现
2019/05/16 Javascript
JavaScript判断数组类型的方法
2019/10/23 Javascript
在vue中动态添加class类进行显示隐藏实例
2019/11/09 Javascript
vue2.0实现列表数据增加和删除
2020/06/17 Javascript
[40:06]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第一场
2018/04/04 DOTA
python获取元素在数组中索引号的方法
2015/07/15 Python
简单学习Python多进程Multiprocessing
2017/08/29 Python
python如何为创建大量实例节省内存
2018/03/20 Python
pyinstaller打包单个exe后无法执行错误的解决方法
2019/06/21 Python
Django框架 Pagination分页实现代码实例
2019/09/04 Python
python实现宿舍管理系统
2019/11/22 Python
python 密码学示例——理解哈希(Hash)算法
2020/09/21 Python
python 爬虫请求模块requests详解
2020/12/04 Python
不拖欠农民工工资承诺书
2014/03/31 职场文书
幼儿园端午节活动方案
2014/08/25 职场文书
观后感格式
2015/06/19 职场文书
z-index不起作用
2021/03/31 HTML / CSS
python实现局部图像放大
2021/11/17 Python