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 相关文章推荐
jquery插件制作 图片走廊 gallery
Aug 17 Javascript
JS如何将UTC格式时间转本地格式
Sep 04 Javascript
js的匿名函数使用介绍
Dec 11 Javascript
浅谈javascript中createElement事件
Dec 05 Javascript
JavaScript中的方法调用详细介绍
Dec 30 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
Jan 28 Javascript
Javascript节点关系实例分析
May 15 Javascript
Bootstrap的fileinput插件实现多文件上传的方法
Sep 05 Javascript
js实现下一页页码效果
Mar 07 Javascript
微信小程序数据分析之自定义分析的实现
Aug 17 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
May 02 Javascript
Js实现粘贴上传图片的原理及示例
Dec 09 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 输出简单动态WAP页面
2009/06/09 PHP
php 问卷调查结果统计
2015/10/08 PHP
用PHP去掉文件头的Unicode签名(BOM)方法
2017/06/22 PHP
js常用代码段收集
2011/10/28 Javascript
自己做的模拟模态对话框实现代码
2012/05/23 Javascript
ajax处理php返回json数据的实例代码
2013/01/24 Javascript
解析使用JS 清空File控件的路径值
2013/07/08 Javascript
eclipse如何忽略js文件报错(附图)
2013/10/30 Javascript
深入分析JQuery和JavaScript的异同
2014/10/23 Javascript
JavaScript中Function详解
2015/02/27 Javascript
浅析Node.js 中 Stream API 的使用
2015/10/23 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
2017/06/01 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
2017/09/16 Javascript
深入浅析JavaScript中的RegExp对象
2017/09/18 Javascript
JavaScript实现全选取消效果
2017/12/14 Javascript
创建echart多个联动的示例代码
2018/11/23 Javascript
使用NestJS开发Node.js应用的方法
2018/12/03 Javascript
vue服务端渲染操作简单入门实例分析
2019/08/28 Javascript
Node.js实现简单管理系统
2019/09/23 Javascript
vue 动态给每个页面添加title、关键词和描述的方法
2020/08/28 Javascript
[05:53]完美世界携手游戏风云打造 卡尔工作室观战系统篇
2013/04/22 DOTA
[49:08]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第一场 11.27
2020/12/01 DOTA
python获取指定路径下所有指定后缀文件的方法
2015/05/26 Python
python 简单备份文件脚本v1.0的实例
2017/11/06 Python
Python实现简易Web爬虫详解
2018/01/03 Python
对python中的pop函数和append函数详解
2018/05/04 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
Python搭建代理IP池实现检测IP的方法
2019/10/27 Python
医院后勤自我鉴定
2013/10/13 职场文书
高中的自我鉴定
2013/12/16 职场文书
考试没考好检讨书
2014/01/31 职场文书
乡村文明行动实施方案
2014/03/29 职场文书
会展策划与管理专业求职信
2014/06/09 职场文书
迟到检讨书2000字(精选篇)
2014/10/07 职场文书
授权委托书
2015/01/28 职场文书
公司要求试用期员工提交“述职报告”,该怎么写?
2019/07/17 职场文书