关于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 document.referrer 用法
Apr 30 Javascript
JQuery浮动DIV提示信息并自动隐藏的代码
Aug 29 Javascript
jQuery 插件开发指南
Nov 14 Javascript
js实现iPhone界面风格的单选框和复选框按钮实例
Aug 18 Javascript
JavaScript数据类型转换的注意事项
Jul 31 Javascript
bootstrap警告框使用方法解析
Jan 13 Javascript
Vuex之理解Mutations的用法实例
Apr 19 Javascript
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 jQuery
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
Oct 26 Javascript
微信小程序实现鼠标拖动效果示例
Dec 01 Javascript
如何在Vue中抽离接口配置文件
Oct 31 Javascript
Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)
Dec 11 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
PHP的FTP学习(二)[转自奥索]
2006/10/09 PHP
学习使用PHP数组
2006/10/09 PHP
php 执行系统命令的方法
2009/07/07 PHP
php在项目中寻找代码的坏味道(综艺命名)
2012/07/19 PHP
php从完整文件路径中分离文件目录和文件名的方法
2015/03/13 PHP
div层的移动及性能优化
2010/11/16 Javascript
JS调用CS里的带参方法实例
2013/08/01 Javascript
javascript实现简单查找与替换的方法
2015/07/22 Javascript
javascript定义类和类的实现实例详解
2015/12/01 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
2016/10/31 Javascript
深入理解vue-loader如何使用
2017/06/06 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
2017/09/11 jQuery
vue组件父子间通信详解(三)
2017/11/07 Javascript
Python中删除文件的程序代码
2011/03/13 Python
python判断字符串是否包含子字符串的方法
2015/03/24 Python
python 显示数组全部元素的方法
2018/04/19 Python
pandas通过loc生成新的列方法
2018/11/28 Python
PyQt5 加载图片和文本文件的实例
2019/06/14 Python
python实现PID算法及测试的例子
2019/08/08 Python
关于tf.matmul() 和tf.multiply() 的区别说明
2020/06/18 Python
如何表示python中的相对路径
2020/07/08 Python
CSS3 3D制作实战案例分析
2016/09/18 HTML / CSS
HTML5 placeholder属性详解
2016/06/22 HTML / CSS
HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法
2013/04/24 HTML / CSS
芬兰设计商店美国:Finnish Design Shop US
2019/03/25 全球购物
餐饮管理自我介绍信
2014/01/15 职场文书
网站客服岗位职责
2014/04/05 职场文书
继承公证书
2014/04/09 职场文书
2014副镇长民主生活会个人对照检查材料思想汇报
2014/09/30 职场文书
债务追讨授权委托书范本
2014/10/16 职场文书
高三复习计划
2015/01/19 职场文书
2015年预防青少年违法犯罪工作总结
2015/05/22 职场文书
劳动争议仲裁代理词
2015/05/25 职场文书
二婚主持词
2015/06/30 职场文书
Golang MatrixOne使用介绍和汇编语法
2022/04/19 Golang
vue 数字翻牌器动态加载数据
2022/04/20 Vue.js