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


Posted in Javascript onJune 03, 2017

最近在做报表的项目,有一种情况是后台返回给我的是一个二维数组,在前台将数据放入到表格中,因为我们用的是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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js实现屏幕自适应局部代码分享
Jan 30 Javascript
js正则表达式中exec用法实例
Jul 23 Javascript
使用jQuery给input标签设置默认值
Jun 20 Javascript
Angular 路由route实例代码
Jul 12 Javascript
微信小程序开发之大转盘 仿天猫超市抽奖实例
Dec 08 Javascript
JS双击变input框批量修改内容
Dec 12 Javascript
JS数字千分位格式化实现方法总结
Dec 16 Javascript
COM组件中调用JavaScript函数详解及实例
Feb 23 Javascript
深入koa-bodyparser原理解析
Jan 16 Javascript
JQuery中queue方法用法示例
Jan 31 jQuery
layui 弹出层回调获取弹出层数据的例子
Sep 02 Javascript
通过js实现压缩图片上传功能
Feb 25 Javascript
详解JavaScript调用栈、尾递归和手动优化
Jun 03 #Javascript
详解有关easyUI的拖动操作中droppable,draggable用法例子
Jun 03 #Javascript
利用vueJs实现图片轮播实例代码
Jun 03 #Javascript
angular中使用Socket.io实例代码
Jun 03 #Javascript
jquery请求servlet实现ajax异步请求的示例
Jun 03 #jQuery
深入理解Node中的buffer模块
Jun 03 #Javascript
MvcPager分页控件 适用于Bootstrap
Jun 03 #Javascript
You might like
PHP生成UTF8文件的方法
2010/05/15 PHP
php查询相似度最高的字符串的方法
2015/03/12 PHP
微信公众平台开发之天气预报功能
2015/08/31 PHP
浅谈PHP Cookie处理函数
2016/06/10 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
一些易混淆且不常用的属性,希望有用
2007/01/29 Javascript
JavaScript 设计模式 安全沙箱模式
2010/09/24 Javascript
jquery五角星评分插件示例分享
2014/02/21 Javascript
使用JS取得焦点(focus)元素代码
2014/03/22 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
2014/08/01 Javascript
js获取当前时间显示在页面上并每秒刷新
2014/12/24 Javascript
探讨JavaScript中的Rest参数和参数默认值
2015/07/29 Javascript
jQuery实现带动画效果的多级下拉菜单代码
2015/09/08 Javascript
jQuery简单获取键盘事件的方法
2016/01/22 Javascript
JavaScript实现简单的日历效果
2016/09/25 Javascript
基于jQuery的checkbox全选问题分析
2016/11/18 Javascript
通过构造函数实例化对象的方法
2017/06/28 Javascript
webpack实现热更新(实施同步刷新)
2017/07/28 Javascript
详解JQuery基础动画操作
2019/04/12 jQuery
nodejs搭建本地服务器并访问文件操作示例
2019/05/11 NodeJs
使用VScode 插件debugger for chrome 调试react源码的方法
2019/09/13 Javascript
vue实现图片上传预览功能
2019/12/23 Javascript
[07:01]DOTA2-DPC中国联赛正赛 Aster vs Magma 3月5日 赛后选手采访
2021/03/11 DOTA
python实现跨文件全局变量的方法
2014/07/07 Python
python机器学习之神经网络实现
2018/10/13 Python
python利用datetime模块计算程序运行时间问题
2020/02/20 Python
python pyg2plot的原理知识点总结
2021/02/28 Python
Java软件工程师综合面试题笔试题
2013/09/08 面试题
四川成都导游欢迎词
2014/01/18 职场文书
人民教师的自我评价分享
2014/02/21 职场文书
2015年小班保育员工作总结
2015/05/27 职场文书
社区服务活动感想
2015/08/11 职场文书
如何在python中实现ECDSA你知道吗
2021/11/23 Python
Python实现双向链表基本操作
2022/05/25 Python
Win10此设备不支持接收Miracast无法投影的解决方法
2022/07/07 数码科技
MySQL实现用逗号进行拼接、以逗号进行分割
2022/12/24 MySQL