Angular遍歷對象數組


今天有朋友問到,如何用Angular實現對象數組遍歷到li標簽里,在這里說一下,先貼上js代碼:

var myApp = angular.module("myApp",[]);
myApp.controller("myCtrl",function(){
var mc = this;
mc.array=[0,1,35,68,[5,6,8],2];

})

這時候發現了,這是一個二維數組,怎么搞呢?別急。我們加上一個判斷條件,判斷元素是不是數組,如果是數組在遍歷一遍咯;上代碼:

mc.isArray = function(arr){
if(arr instanceof Array){
return true;
}else{
return false;
}
}

然后js部分就處理完了,下邊貼上html的代碼:

<div ng-app="myApp" ng-controller="myCtrl as mc">
<ul>
<li ng-repeat="i in mc.array">
<span ng-if="!mc.isArray(i)">{{i}}</span>
<ul ng-if="mc.isArray(i)">
<li ng-repeat="i2 in i">{{i2}}</li>
</ul>
</li>
</ul>
</div>

這樣就可以實現這種效果了:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM