angular ng-repeat数组中的数组

标签：htm   app   track   代码   pre   dup   html   java   javascrip   

//先定义一个数组

1. anular代码： var app = angular.module(‘serApp‘, []); app.controller(‘indexCtrl‘, function($scope, $http) { $scope.arrs = [{

　　　　　　　　　　　　　　　　　　 n:‘a‘；
				arr:[‘1‘,‘2‘,‘1‘]
			},{

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

1. html 代码:

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

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

angular ng-repeat数组中的数组

标签：htm   app   track   代码   pre   dup   html   java   javascrip   

原文地址：http://www.cnblogs.com/qingxh/p/6411493.html