网站建设资讯

NEWS

网站建设资讯

AngularJS使用ng-repeat遍历二维数组元素的方法详解

本文实例讲述了AngularJS使用ng-repeat遍历二维数组元素的方法。分享给大家供大家参考,具体如下:

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:国际域名空间、虚拟空间、营销软件、网站建设、宽城网站维护、网站推广。

问题:

最近在做报表的项目,有一种情况是后台返回给我的是一个二维数组,在前台将数据放入到表格中,因为我们用的是angularJS的前台框架,所以利用ng-repeat来实现。

实现方法:

首先在js中:

$scope.Week = [[ '云南省 ', 'a', 's', 'd', 'e', 'w','t' ],[ '陕西省 ', 'l', 'p', 'o', 'i', 'u','y' ],[ '青海省 ', 1, 2, 4, 4, 5, 6 ] ];

在HTML中:

样式一:

    • {{b}}

样式二:

{{b}}

测试示例代码如下:




 
 www.jb51.net 遍历二维数组元素
 
 


 遍历数组所有元素(样式一):
 
    • {{b}}
遍历数组所有元素(样式二):
{{b}}

运行效果:

AngularJS使用ng-repeat遍历二维数组元素的方法详解

更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。


本文题目:AngularJS使用ng-repeat遍历二维数组元素的方法详解
标题链接:http://cdweb.net/article/gicdsj.html