关于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 动态加载 css 方法总结
Jul 11 Javascript
JQuery Tips(2) 关于$()包装集你不知道的
Dec 14 Javascript
JQuery上传插件Uploadify使用详解及错误处理
Apr 27 Javascript
js获取下拉列表框中的value和text的值示例代码
Jan 11 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
Nov 30 Javascript
EasyUi combotree 实现动态加载树节点
Apr 01 Javascript
文件上传的几个示例分享【推荐】
Dec 16 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
Jan 23 Javascript
javascript ES6中箭头函数注意细节小结
Feb 17 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
Jan 07 Javascript
把vue-router和express项目部署到服务器的方法
Feb 21 Javascript
Element UI 自定义正则表达式验证方法
Sep 04 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基于GD库的图像处理方法小结
2016/09/27 PHP
Laravel使用memcached缓存对文章增删改查进行优化的方法
2016/10/08 PHP
php set_include_path函数设置 include_path 配置选项
2016/10/30 PHP
PHP设计模式之PHP迭代器模式讲解
2019/03/22 PHP
JavaScript 保存数组到Cookie的代码
2010/04/14 Javascript
JS修改css样式style浅谈
2013/05/06 Javascript
ComboBox 和 DateField 在IE下消失的解决方法
2013/08/30 Javascript
jquery实现metro效果示例代码
2013/09/06 Javascript
jquery slibings选取同级其他元素的实现代码
2013/11/15 Javascript
js实现宇宙星空背景效果的方法
2015/03/03 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
对javascript继承的理解
2016/10/11 Javascript
JavaScript用JSONP跨域请求数据实例详解
2017/01/06 Javascript
Bootstrap框架安装使用详解
2017/01/21 Javascript
Vue.js弹出模态框组件开发的示例代码
2017/07/26 Javascript
JS沙箱模式实例分析
2017/09/04 Javascript
解决vue的 v-for 循环中图片加载路径问题
2018/09/03 Javascript
Node.js Stream ondata触发时机与顺序的探索
2019/03/08 Javascript
node爬取新型冠状病毒的疫情实时动态
2020/02/06 Javascript
详解Vue3 Composition API中的提取和重用逻辑
2020/04/29 Javascript
js实现贪吃蛇小游戏(加墙)
2020/07/31 Javascript
wxpython 最小化到托盘与欢迎图片的实现方法
2014/06/09 Python
python数据类型判断type与isinstance的区别实例解析
2017/10/31 Python
python给微信好友定时推送消息的示例
2019/02/20 Python
选择python进行数据分析的理由和优势
2019/06/25 Python
Python进度条的制作代码实例
2019/08/31 Python
使用Django搭建一个基金模拟交易系统教程
2019/11/18 Python
python如何停止递归
2020/09/09 Python
奢华时尚的独特视角:La Garçonne
2018/06/07 全球购物
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
个人评语大全
2014/05/04 职场文书
小学安全汇报材料
2014/08/14 职场文书
五一劳动节活动总结
2015/02/09 职场文书
2015年仓库管理工作总结
2015/05/25 职场文书
利用ajax+php实现商品价格计算
2021/03/31 PHP