关于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 13 Javascript
js 将图片连接转换成base64格式的简单实例
Aug 10 Javascript
详解Jquery的事件操作和文档操作
Dec 19 Javascript
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
Jul 12 Javascript
vuex的使用及持久化state的方式详解
Jan 23 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
Jan 31 Javascript
angular4 JavaScript内存溢出问题
Mar 06 Javascript
vuex进阶知识点巩固
May 20 Javascript
layui表格内容溢出的解决方法
Sep 06 Javascript
js实现图片区域可点击大小随意改变(适用移动端)代码实例
Sep 11 Javascript
jQuery编写QQ简易聊天框
Aug 27 jQuery
vue 解决在微信内置浏览器中调用支付宝支付的情况
Nov 09 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更改目录及子目录下所有的文件后缀的代码
2010/09/24 PHP
phpcms模块开发之swfupload的使用介绍
2013/04/28 PHP
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
php版阿里大于(阿里大鱼)短信发送实例详解
2016/11/30 PHP
PHP 超级全局变量相关总结
2020/06/30 PHP
javascript编码的几个方法详细介绍
2013/01/06 Javascript
jquery图片放大镜功能的实例代码
2013/03/26 Javascript
js使用DOM设置单选按钮、复选框及下拉菜单的方法
2015/01/20 Javascript
浅谈jQuery的offset()方法及示例分享
2015/07/17 Javascript
js实现鼠标点击文本框自动选中内容的方法
2015/08/20 Javascript
js实现的二分查找算法实例
2016/01/21 Javascript
JavaScript简单下拉菜单特效
2016/09/13 Javascript
将jquery.qqFace.js表情转换成微信的字符码
2017/12/01 jQuery
jQuery实现动画、消失、显现、渐出、渐入效果示例
2018/09/06 jQuery
vue生命周期和react生命周期对比【推荐】
2018/09/19 Javascript
vue父组件触发事件改变子组件的值的方法实例详解
2019/05/07 Javascript
JS中实现一个下载进度条及播放进度条的代码
2019/06/10 Javascript
vue柱状进度条图像的完美实现方案
2019/08/26 Javascript
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
js实现九宫格布局效果
2020/05/28 Javascript
[42:25]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第三场
2018/04/06 DOTA
利用numpy+matplotlib绘图的基本操作教程
2017/05/03 Python
Django验证码的生成与使用示例
2017/05/20 Python
Python探索之自定义实现线程池
2017/10/27 Python
tensorflow: 查看 tensor详细数值方法
2018/06/13 Python
Python中常用的8种字符串操作方法
2019/05/06 Python
Python3网络爬虫开发实战之极验滑动验证码的识别
2019/08/02 Python
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
2014年关于两会精神的心得体会
2014/03/17 职场文书
工商企业管理应届生求职信
2014/05/04 职场文书
教师辞职书范文
2015/02/26 职场文书
现货白银电话营销话术
2015/05/29 职场文书
宫崎骏十大动画电影,宫崎骏好看的动画电影排名
2022/03/22 日漫
vue实现列表垂直无缝滚动
2022/04/08 Vue.js
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android