angular ng-repeat数组中的数组实例


Posted in Javascript onFebruary 18, 2017

//先定义一个数组

anular代码:

var app = angular.module('serApp', []); 

app.controller('indexCtrl', function($scope, $http) 
{ $scope.arrs = [{

<BR>







 n:'a'; 
        arr:['1','2','1'] 
      },{<BR><BR> 








 n:'b'; 
        arr:['4','5','6'] 
      }]; 
    })

html 代码:

<BR>

<div ng-controller="indexCtrl"><BR>      
<p>{{name}}</p><BR>      

<ul><BR>        
 <li ng-repeat="name in names">{{name.n}}<BR>          
 <p ng-repeat="a in name.arr track by $index" id="{{$index}}">{{a}}</p><BR>        
 </li><BR>      
</ul>
<BR>    
</div><BR><BR>

track by $index  在有重复值时需加上这段代码 不然浏览器会报这个错 Error: [ngRepeat:dupes]并且不会渲染到页面

以上这篇angular ng-repeat数组中的数组实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript实现原生ajax的几种方法介绍
Sep 21 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
Jul 27 Javascript
js实现window.open不被拦截的解决方法汇总
Oct 30 Javascript
ES6的新特性概览
Mar 10 Javascript
JS采用绝对定位实现回到顶部效果完整实例
Jun 20 Javascript
JavaScript获取当前时间向前推三个月的方法示例
Feb 04 Javascript
axios取消请求的实践记录分享
Sep 26 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
Mar 09 Javascript
关于layui的动态图标不显示的解决方法
Sep 04 Javascript
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
vuecli项目构建SSR服务端渲染的实现
Oct 30 Javascript
AJAX实现指定部分页面刷新效果
Oct 16 Javascript
js Canvas绘制圆形时钟效果
Feb 17 #Javascript
Bootstrap风格的zTree右键菜单
Feb 17 #Javascript
js仿新浪微博消息发布功能
Feb 17 #Javascript
babel基本使用详解
Feb 17 #Javascript
JS及JQuery对Html内容编码,Html转义
Feb 17 #Javascript
canvas 实现中国象棋
Feb 17 #Javascript
使用vue.js实现checkbox的全选和多个的删除功能
Feb 17 #Javascript
You might like
PHP 登录完成后如何跳转上一访问页面
2014/01/14 PHP
PHP实现登陆并抓取微信列表中最新一组微信消息的方法
2017/07/10 PHP
JS教程:window.location使用方法的区别介绍
2013/10/04 Javascript
一个html5播放视频的video控件只支持android的默认格式mp4和3gp
2014/05/08 Javascript
浅谈javascript回调函数
2014/12/07 Javascript
JS实现至少包含字母、大小写数字、字符的密码等级的两种方法
2015/02/03 Javascript
jquery计算鼠标和指定元素之间距离的方法
2015/06/26 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
2015/10/31 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
2015/12/02 Javascript
JS原型链怎么理解
2016/06/27 Javascript
js中常用的Tab切换效果(推荐)
2016/08/30 Javascript
JS正则替换掉小括号及内容的方法
2016/11/29 Javascript
bootstrap table服务端实现分页效果
2017/08/10 Javascript
基于VUE.JS的移动端框架Mint UI的使用
2017/10/11 Javascript
vue.js todolist实现代码
2017/10/29 Javascript
JS实现的集合去重,交集,并集,差集功能示例
2018/03/13 Javascript
解决微信小程序防止无法回到主页的问题
2018/09/28 Javascript
koa源码中promise的解读
2018/11/13 Javascript
Nodejs实现用户注册功能
2019/04/14 NodeJs
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
2019/05/10 Javascript
nodejs 递归拷贝、读取目录下所有文件和目录
2019/07/18 NodeJs
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
vue项目使用$router.go(-1)返回时刷新原来的界面操作
2020/07/26 Javascript
Python打印斐波拉契数列实例
2015/07/07 Python
python矩阵的转置和逆转实例
2018/12/12 Python
Python自定义一个类实现字典dict功能的方法
2019/01/19 Python
查看keras的默认backend实现方式
2020/06/19 Python
详解css3使用transform出现字体模糊的解决办法
2020/10/16 HTML / CSS
澳大利亚家庭花园和DIY工具网店:VidaXL
2019/05/03 全球购物
面向对象编程的优势是什么
2015/12/17 面试题
我的大学生活职业生涯规划
2014/01/02 职场文书
食品行业求职人的自我评价
2014/01/19 职场文书
学校评语大全
2014/05/06 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书
Python实现socket库网络通信套接字
2021/06/04 Python
python3操作redis实现List列表实例
2021/08/04 Python