今天有朋友问到,如何用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>
这样就可以实现这种效果了:

