angular ng-repeat数组中的数组实例
程序员文章站
2024-01-02 13:34:04
//先定义一个数组
anular代码:
var app = angular.module('serapp', []);
app.controller(...
//先定义一个数组
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数组中的数组实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。