关于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 02 Javascript
jQuery实现渐变弹出层和弹出菜单的方法
Feb 20 Javascript
jQuery超酷平面式时钟效果代码分享
Mar 30 Javascript
Javascript基于AJAX回调函数传递参数实例分析
Dec 15 Javascript
基于JavaScript实现移除(删除)数组中指定元素
Jan 04 Javascript
jQuery简单实现tab选项卡切换效果
Jun 20 Javascript
jQuery Dialog 取消右上角删除按钮事件
Sep 07 Javascript
jquery 判断div show的状态实例
Dec 03 Javascript
利用JS判断鼠标移入元素的方向
Dec 11 Javascript
微信小程序上传图片功能(附后端代码)
Jun 19 Javascript
Angular6笔记之封装http的示例代码
Jul 27 Javascript
实例详解带参数的 npm script
May 28 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获得用户使用的代理服务器ip即真实ip
2006/12/31 PHP
CodeIgniter使用phpcms模板引擎
2013/11/12 PHP
PHP 动态生成静态HTML页面示例代码
2014/01/15 PHP
php通过ksort()函数给关联数组按照键排序的方法
2015/03/18 PHP
PHP内核学习教程之php opcode内核实现
2016/01/27 PHP
php+jQuery递归调用POST循环请求示例
2016/10/14 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
php微信公众号开发之翻页查询
2018/10/20 PHP
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
2010/04/15 Javascript
JS 控制小数位数的实现代码
2011/08/02 Javascript
ie中js创建checkbox默认选中问题探讨
2013/10/21 Javascript
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
2014/04/23 Javascript
jQuery制作简单柱状图实例
2015/01/28 Javascript
浅谈几种常用的JS类定义方法
2016/06/08 Javascript
JavaScript导航脚本判断当前导航
2016/07/12 Javascript
jQuery事件对象总结
2016/10/17 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
2017/01/08 Javascript
Angular.js中angular-ui-router的简单实践
2017/07/18 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
2017/08/04 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
2017/11/13 Javascript
js实现双色球效果
2020/08/02 Javascript
编写自定义的Django模板加载器的简单示例
2015/07/21 Python
Python文件夹与文件的相关操作(推荐)
2016/07/25 Python
Python使用pymysql从MySQL数据库中读出数据的方法
2018/07/25 Python
python实现月食效果实例代码
2019/06/18 Python
python读取xml文件方法解析
2020/08/04 Python
使用SVG实现提示框功能的示例代码
2020/06/05 HTML / CSS
学生会主席事迹材料
2014/01/28 职场文书
毕业生欢送会主持词
2014/03/31 职场文书
先进工作者申报材料
2014/12/23 职场文书
三好学生个人总结
2015/02/15 职场文书
地道战观后感400字
2015/06/04 职场文书
python基础之匿名函数详解
2021/04/21 Python
golang中的空slice案例
2021/04/27 Golang
Redis集群新增、删除节点以及动态增加内存的方法
2021/09/04 Redis
uni-app 微信小程序授权登录的实现步骤
2022/02/18 Javascript