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