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