repeat数组中的数组实例

下面小编就为大家带来一篇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">{{a}}</p><BR> </li><BR> </ul> <BR> </div><BR><BR>

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

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

您可能感兴趣的文章: