首页 > 编程 > JavaScript > 正文

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

2019-11-19 17:31:23
字体:
来源:转载
供稿:网友

//先定义一个数组

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表