关于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 特殊字符串
Feb 25 Javascript
jquery offset函数应用实例
Nov 14 Javascript
javascript获取select值的方法分析
Jul 02 Javascript
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
Nov 18 Javascript
JavaScript九九乘法口诀表的简单实现
Oct 04 Javascript
VueJS全面解析
Nov 10 Javascript
深入学习 JavaScript中的函数调用
Mar 23 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
Jan 22 Javascript
浅谈Webpack核心模块tapable解析
Sep 11 Javascript
vue调试工具vue-devtools安装及使用方法
Nov 07 Javascript
vue实现div拖拽互换位置
Jul 29 Javascript
详解Vue数据驱动原理
Nov 17 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
IIS php环境配置PHP5 MySQL5 ZendOptimizer phpmyadmin安装与配置
2008/11/18 PHP
php实现微信公众平台账号自定义菜单类
2015/10/11 PHP
PHP重置数组为连续数字索引的几种方式总结
2018/03/12 PHP
ThinkPHP框架实现定时执行任务的两种方法分析
2018/09/04 PHP
PHP快速排序算法实现的原理及代码详解
2019/04/03 PHP
Javascript注入技巧
2007/06/22 Javascript
调用js时ie6和ie7,ff的区别
2009/08/19 Javascript
javascript温习的一些笔记 基础常用知识小结
2011/06/22 Javascript
JavaScript快速检测浏览器对CSS3特性的支持情况
2012/09/26 Javascript
Jquery动态添加及删除页面节点元素示例代码
2014/06/16 Javascript
jQuery显示和隐藏 常用的状态判断方法
2015/01/29 Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
2015/06/10 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
2017/02/13 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
2017/02/20 Javascript
详解Angular 4.x Injector
2017/05/04 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
2018/10/25 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
2018/12/03 Javascript
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
element el-tree组件的动态加载、新增、更新节点的实现
2020/02/27 Javascript
小程序选项卡以及swiper套用(跨页面)
2020/06/19 Javascript
js实现批量删除功能
2020/08/27 Javascript
python之import机制详解
2014/07/03 Python
Python绘制3D图形
2018/05/03 Python
Python3.0中普通方法、类方法和静态方法的比较
2019/05/03 Python
Spark处理数据排序问题如何避免OOM
2020/05/21 Python
基于python实现MQTT发布订阅过程原理解析
2020/07/27 Python
我们是伦敦女孩:WalG
2018/01/08 全球购物
英国乐购杂货:Tesco Groceries
2018/11/29 全球购物
编程实现当输入某产品代码则打印出该产品记录的功能
2014/05/03 面试题
DTD的含义以及作用
2014/01/26 面试题
前处理组长岗位职责
2014/03/01 职场文书
义和团口号
2014/06/17 职场文书
销售人才自我评价范文
2014/09/27 职场文书
正风肃纪查摆剖析材料
2014/10/10 职场文书
学校运动会加油词
2015/07/18 职场文书
mysql left join快速转inner join的过程
2021/06/30 MySQL