关于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 相关文章推荐
jquery中的$(document).ready()与window.onload的区别
Nov 18 Javascript
autoIMG 基于jquery的图片自适应插件代码
Mar 12 Javascript
根据选择不同的下拉值出现相对应的文本输入框
Aug 01 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
Dec 29 Javascript
JavaScript中使用typeof运算符需要注意的几个坑
Nov 08 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
Jan 14 Javascript
prototype框架中美元符号$用法分析
Jan 22 Javascript
json对象与数组以及转换成js对象的简单实现方法
Jun 24 Javascript
使用express+multer实现node中的图片上传功能
Feb 02 Javascript
解决vue2中使用axios http请求出现的问题
Mar 05 Javascript
React SSR样式及SEO的实践
Oct 22 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
Jan 29 Javascript
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
ezSQL PHP数据库操作类库
2010/05/16 PHP
php操作memcache缓存方法分享
2015/06/03 PHP
PHP保存session到memcache服务器的方法
2016/01/19 PHP
浅谈php fopen下载远程文件的函数
2016/11/18 PHP
YII框架中使用memcache的方法详解
2017/08/02 PHP
JavaScript 新手24条实用建议[TUTS+]
2009/06/21 Javascript
javascript 动态加载 css 方法总结
2009/07/11 Javascript
js中将URL中的参数提取出来作为对象的实现代码
2011/08/16 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
JS实现网页上随滚动条滚动的层效果代码
2015/11/04 Javascript
基于bootstrap实现广告轮播带图片和文字效果
2016/07/22 Javascript
完美解决axios在ie下的兼容性问题
2018/03/05 Javascript
解决npm管理员身份install时出现权限的问题
2018/03/16 Javascript
Angular事件之不同组件间传递数据的方法
2018/11/15 Javascript
深入探索VueJS Scoped CSS 实现原理
2019/09/23 Javascript
vue中英文切换实例代码
2020/01/21 Javascript
vue fetch中的.then()的正确使用方法
2020/04/17 Javascript
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
Python实现批量转换文件编码的方法
2015/07/28 Python
Python解决八皇后问题示例
2018/04/22 Python
基于DataFrame改变列类型的方法
2018/07/25 Python
python修改字典键(key)的方法
2019/08/05 Python
详解基于python-django框架的支付宝支付案例
2019/09/23 Python
Python实现CNN的多通道输入实例
2020/01/17 Python
CSS3弹性伸缩布局之box布局
2016/07/12 HTML / CSS
HTML5 Canvas draw方法制作动画效果示例
2013/07/11 HTML / CSS
英国顶级家庭折扣店:The Works
2017/09/06 全球购物
英国时尚高尔夫服装购物网站:Trendy Golf
2020/01/10 全球购物
外语专业毕业生个人的自荐信
2013/11/19 职场文书
服务承诺书格式
2014/05/21 职场文书
禁止酒驾标语
2014/06/25 职场文书
领导班子遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
校园安全教育心得体会
2016/01/15 职场文书
导游词之寿县报恩寺
2020/01/19 职场文书
Sleuth+logback 设置traceid 及自定义信息方式
2021/07/26 Java/Android
MySQL transaction事务安全示例讲解
2022/06/21 MySQL