今天有朋友問到,如何用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>
這樣就可以實現這種效果了: