首页 > 代码库 > angular ng-repeat数组中的数组

angular ng-repeat数组中的数组

//先定义一个数组
  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数组中的数组