当前位置: 首页 > 编程笔记 >

angularJS利用ng-repeat遍历二维数组的实例代码

微生毅
2023-03-14
本文向大家介绍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中:

样式一:

<ul ng-repeat="a in Week">
<ul ng-repeat="b in a track by $index">
<li><b style="color: green">{{b}}</b></li>
</ul>
</ul>

样式二:

<table style="border:solid 1px">
<tr ng-repeat="a in Week" style="border:solid 1px">
<td ng-repeat="b in a track by $index" style="border:solid 1px">
<b style="color: green">{{b}}</td>
</tr>
</table>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 问题内容: 我的控制器从服务器上抓人: 我的模板每行需要显示三个人。例如,如果它是一个表: 我不确定如何有条件地应用最佳实践的时间或最佳实践。我知道如何通过向控制器添加分组逻辑来做到这一点,但我认为最好将设计逻辑排除在控制器之外。 问题答案: 经过多年的经验积累,很显然,最好的方法是在控制器中将数组拆分为多个块。每次修改原始数组时,都要更新分块数组。

  • 问题内容: 我在使用AngularJS ng-repeat时遇到了一些麻烦。这是我所拥有的: modal.data.answer数组将始终包含六个元素。我可以使用ng-repeat为其创建HTML并让它甚至重复数组中的[x]个数字,并让“ selected =”的第一行中的数字从3递增到8吗? 就我所知,我可以使用,但如何将t的值转化为类似的东西: 问题答案: 您的编辑以正确的方式进行,您可以轻松

  • 我有一个“连接四块板”,我用一个2d阵列(阵列[x][y]x=x坐标,y=y坐标)模拟它。我必须使用“System.out.println”,所以我必须遍历行。 我需要一种迭代方式[0,0][1,0][2,0][3,0][0,1][1,1][2,1]等 如果我使用正常程序: 它不起作用,因为它以[0,0][0,1][0,2][0,3]等方式进行迭代 正常过程保持在x中并递增y直到列的末尾,但我需要

  • 本文向大家介绍java二维数组遍历的2种代码,包括了java二维数组遍历的2种代码的使用技巧和注意事项,需要的朋友参考一下 二维数组遍历: 思想: 1.先将二维数组中所有的元素拿到 2.再将二维数组中每个元素进行遍历,相当于就是在遍历一个一维数组 第一种方法:双重for循环 运行结果图: 第二种方法:增强for循环foreach 运行结果图: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希

  • 本文向大家介绍PHP中使用foreach()遍历二维数组的简单实例,包括了PHP中使用foreach()遍历二维数组的简单实例的使用技巧和注意事项,需要的朋友参考一下 第一种类型 想用foreach()遍历整个二维数组: 输出结果是: 0=>linux服务器配置与管理 1=>Array 当然,其实我是想要所有具体内容,而不是输出array。。。 所以应该采用如下做法,加入一个判断语句: 则输出为:

  • 本文向大家介绍angular ng-repeat数组中的数组实例,包括了angular ng-repeat数组中的数组实例的使用技巧和注意事项,需要的朋友参考一下 //先定义一个数组 anular代码: html 代码: track by $index  在有重复值时需加上这段代码 不然浏览器会报这个错 Error: [ngRepeat:dupes]并且不会渲染到页面 以上这篇angular ng