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

前端之家收集整理的这篇文章主要介绍了AngularJS使用ng-repeat遍历二维数组元素的方法详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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


@H_3010@<span style="font-size: medium">

问题:


@H
301_0@最近在做报表的项目,有一种情况是后台返回给我的是一个二维数组,在前台将数据放入到表格中,因为我们用的是angularJS的前台框架,所以利用<span style="color: #0000ff">ng-repeat来实现。


@H_301_0@<span style="font-size: medium">

实现方法


@H_301_0@

首先在js中:


<div class="jb51code">
<pre class="brush:js;">
$scope.Week = [[ '云南省 ','a','s','d','e','w','t' ],[ '陕西省 ','l','p','o','i','u','y' ],[ '青海省 ',1,2,4,5,6 ] ];

@H_301_0@

在HTML中:

@H_301_0@样式一:

@H_301_0@样式二:

@H_301_0@

测试示例代码如下:

<Meta charset="UTF-8"> www.jb51.cc 遍历二维数组元素 遍历数组所有元素(样式二): @H_301_0@

运行效果

@H_301_0@

@H_301_0@更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《》、《》及《

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

猜你在找的JavaScript相关文章