关于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实现table选中的行以指定颜色高亮显示的方法
May 13 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
Dec 18 Javascript
深入探秘jquery瀑布流的实现
Jan 30 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
May 04 Javascript
js判断登陆用户名及密码是否为空的简单实例
May 16 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
Sep 13 Javascript
Angularjs之filter过滤器(推荐)
Nov 27 Javascript
Angular2开发环境搭建教程之VS Code
Dec 15 Javascript
JS限制输入框输入的实现代码
Jul 02 Javascript
vue axios请求频繁时取消上一次请求的方法
Nov 10 Javascript
详解js中let与var声明变量的区别
Apr 05 Javascript
Layui Table js 模拟选中checkbox的例子
Sep 03 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
win7+apache+php+mysql环境配置操作详解
2013/06/10 PHP
ThinkPHP CURD方法之order方法详解
2014/06/18 PHP
QQ互联一键登录审核不通过的解决方案
2014/09/10 PHP
PHP时间类完整实例(非常实用)
2015/12/25 PHP
php+ajax无刷新上传图片的实现方法
2016/12/06 PHP
YII2自动登录Cookie总是失效的解决方法
2017/06/28 PHP
PHP编程中的Session阻塞问题与解决方法分析
2017/08/07 PHP
php设计模式之适配器模式原理、用法及注意事项详解
2019/09/24 PHP
解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
2007/08/13 Javascript
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
javascript中创建对象的三种常用方法
2010/12/30 Javascript
JS特效实现图片自动播放并可控的效果
2015/07/31 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
2017/06/01 Javascript
聊聊Vue.js的template编译的问题
2017/10/09 Javascript
vue中使用props传值的方法
2019/05/08 Javascript
Vue CL3 配置路径别名详解
2019/05/30 Javascript
Vue.js中的高级面试题及答案
2020/01/13 Javascript
ES5和ES6中类的区别总结
2020/12/21 Javascript
linux系统使用python监测网络接口获取网络的输入输出
2014/01/15 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
Python数据预处理之数据规范化(归一化)示例
2019/01/08 Python
Python设计模式之工厂方法模式实例详解
2019/01/18 Python
python的faker库用法
2019/11/28 Python
VSCode基础使用与VSCode调试python程序入门的图文教程
2020/03/30 Python
Python中Yield的基本用法
2020/10/18 Python
Numpy中np.random.rand()和np.random.randn() 用法和区别详解
2020/10/23 Python
CSS3新属性transition-property transform box-shadow实例学习
2013/06/06 HTML / CSS
HTML table 表格边框的实现思路
2019/10/12 HTML / CSS
HTML5 Blob对象的具体使用
2020/05/22 HTML / CSS
优衣库台湾官网:UNIQLO台湾
2019/02/01 全球购物
小学美术教学反思
2014/02/01 职场文书
2014年幼儿园工作总结
2014/11/10 职场文书
说谎欺骗人检讨书300字
2014/11/18 职场文书
2014年计生协会工作总结
2014/11/21 职场文书
人事任命通知书
2015/04/21 职场文书
单位病假条范文
2015/08/17 职场文书