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

更新时间：2017年02月18日 08:57:57 投稿：jingxian

下面小编就为大家带来一篇angular ng-repeat数组中的数组实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

//先定义一个数组

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数组中的数组实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

angular实现spa单页面应用实例
本篇文章主要介绍了angular实现spa单页面应用实例，小本篇文章是对单页面的一个简单的基本逻辑操作，这个方法可以搭建基本的单页面的逻辑结构。一起跟随小编过来看看吧
2017-07-07
详解如何使用webpack+es6开发angular1.x
本篇文章主要介绍了详解如何使用webpack+es6开发angular1.x，具有一定的参考价值，有兴趣的可以了解一下
2017-08-08
使用AngularJS创建自定义的过滤器的方法
这篇文章主要介绍了使用AngularJS创建自定义的过滤器的方法,AngularJS是非常热门的JavaScript库,需要的朋友可以参考下
2015-06-06
AngularJS2中一种button切换效果的实现方法（二）
这篇文章主要介绍了AngularJS2中一种button切换效果的实现方法（二）,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-03-03
Angular 路由route实例代码
下面小编就为大家带来一篇Angular 路由route实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07
AngularJS 中的指令实践开发指南(一)
指令（Directives）是所有AngularJS应用最重要的部分。尽管AngularJS已经提供了非常丰富的指令，但还是经常需要创建应用特定的指令。这篇教程会为你讲述如何自定义指令，以及介绍如何在实际项目中使用
2016-03-03
详解Angualr 组件间通信
本篇文章主要介绍了Angualr 组件间通信，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-01-01
浅谈Angular 观察者模式理解
这篇文章主要介绍了浅谈Angular 观察者模式理解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-11-11
angularjs结合html5实现拖拽功能
本篇文章给大家分享了angularjs结合html5实现拖拽功能的方法以及代码实例，有兴趣的朋友参考下。
2018-06-06
Angular组件库ng-zorro-antd实现radio单选框选择
这篇文章主要为大家介绍了Angular组件库ng-zorro-antd实现radio单选框取消选择实现问题解决，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-05-05