//先定義一個數組
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數組中的數組實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。