关于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 相关文章推荐
JS文本框默认值处理详解
Jul 10 Javascript
JavaScript Ajax Json实现上下级下拉框联动效果实例代码
Nov 23 Javascript
jQuery 滑动方法slideDown向下滑动元素
Jan 16 Javascript
kindeditor编辑器点中图片滚动条往上顶的bug
Jul 05 Javascript
JavaScript实现HTML5游戏断线自动重连的方法
Sep 18 Javascript
JS实现将链接生成二维码并转为图片的方法
Mar 17 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
Apr 17 Javascript
你点的 ES6一些小技巧,请查收
Apr 25 Javascript
boostrap模态框二次弹出清空原有内容的方法
Aug 10 Javascript
深入Vue-Router路由嵌套理解
Aug 13 Javascript
详解微信小程序开发之formId使用(模板消息)
Aug 27 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
Mar 10 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/07/22 PHP
Php中用PDO查询Mysql来避免SQL注入风险的方法
2013/04/25 PHP
实现PHP多线程异步请求的3种方法
2014/01/17 PHP
PHP JSON出错:Cannot use object of type stdClass as array解决方法
2014/08/16 PHP
javascript下过滤数组重复值的代码
2007/09/10 Javascript
js 居中漂浮广告
2010/03/21 Javascript
入门基础学习 ExtJS笔记(一)
2010/11/11 Javascript
Jquery之美中不足小结
2011/02/16 Javascript
打造基于jQuery的高性能TreeView(asp.net)
2011/02/23 Javascript
Javascript处理DOM元素事件实现代码
2012/05/23 Javascript
js实现省市联动效果的简单实例
2014/02/10 Javascript
javasctipt如何显示几分钟前、几天前等
2014/04/30 Javascript
jQuery实用函数用法总结
2014/08/29 Javascript
javascript检测两个数组是否相似
2015/05/19 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
2015/08/17 Javascript
vue中如何引入jQuery和Bootstrap
2017/04/10 jQuery
jquery Ajax实现Select动态添加数据
2017/06/08 jQuery
vue2.0 父组件给子组件传递数据的方法
2018/01/15 Javascript
简述vue状态管理模式之vuex
2018/08/29 Javascript
vue实现动态列表点击各行换色的方法
2018/09/13 Javascript
vue项目中实现缓存的最佳方案详解
2019/07/11 Javascript
VueCli4项目配置反向代理proxy的方法步骤
2020/05/17 Javascript
跟老齐学Python之折腾一下目录
2014/10/24 Python
Python3指定路径寻找符合匹配模式文件
2015/05/22 Python
Python pickle模块用法实例分析
2015/05/27 Python
python中MethodType方法介绍与使用示例
2017/08/03 Python
python入门教程 python入门神图一张
2018/03/05 Python
2019 Python最新面试题及答案16道题
2019/04/11 Python
使用pandas库对csv文件进行筛选保存
2020/05/25 Python
简单了解Python变量作用域正确使用方法
2020/06/12 Python
python跨文件使用全局变量的实现
2020/11/17 Python
美国Lolё官网:购买大胆而美丽的女性运动服装
2017/05/22 全球购物
Belvilla法国:休闲度假房屋出租
2020/10/03 全球购物
文明生主要事迹
2014/05/25 职场文书
2015年新农合工作总结
2015/03/30 职场文书
如何开发一个渐进式Web应用程序PWA
2021/05/10 Javascript