当前位置:首页 > 日记 > 正文

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>

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

相关文章

PPT2013发光边缘文字特效如何制作

PPT2013发光边缘文字特效如何制作

边缘,文字特效,电脑软件,  PPT中文字处理的一些技巧,例如制作发光文字特效,比起干瘪瘪的文字未经处理来说,可谓增色不少。以下是小编为您带来的关于PPT2013发光边缘文字特效,希望对您有所帮助。PPT2013发光边缘文字特效1 启动PowerPoint2013,…

jQuery修改DOM结构_动力节点Java学

jQuery修改DOM结构_动力节点Java学

修改,节点,结构,学院,动力,直接使用浏览器提供的API对DOM结构进行修改,不但代码复杂,而且要针对浏览器写不同的代码。有了jQuery,我们就专注于操作jQuery对象本身,底层的DOM操作由jQuery完成就可以了,这样一来,修改DOM也大大简化了。添加DOM要添…

excel 日期函数的使用方法excel的

excel 日期函数的使用方法excel的

日期函数,使用方法,电脑软件,excel,strong,  Excel中的日期函数具体该如何使用呢?下面是由小编分享的excel 日期函数的使用方法,以供大家阅读和学习。excel 日期函数的使用方法日期函数使用步骤1:例如显示今天的日期。输入公式=today()。ex…

在Excel2010中怎么用颜色筛选显示

在Excel2010中怎么用颜色筛选显示

显示,筛选,颜色,中用,电脑软件,  在Excel的操作使用中,若想高亮度显示某一数据区域的重复值,可以使用Excel2010中的条件格式得以实现。以下是小编为您带来的关于在Excel2010中用颜色筛选显示重复值,希望对您有所帮助。在Excel2010中用颜色筛…

jquery ztree实现右键收藏功能

jquery ztree实现右键收藏功能

右键,功能,收藏,电脑软件,jquery,公司用到ztree。近期把工作中需要的做个总结html部分:js和cssjs:总结以上所述是小编给大家介绍的ztree实现右键收藏功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感…

PS将自己的照片制作成素描效果

PS将自己的照片制作成素描效果

照片,自己的,素描,效果,电脑软件,怎样把自己的照片做成素描呢?今天和大家分享一下我的制作方法,大家一起来学习吧!对比图原图效果图1、打开需要处理的图片后,Ctrl+j复制图片,执行图像&mdash;>调整&mdash;>去色。 2、对图层1副本Ctrl+i反相操作。…

vue语法之拼接字符串的示例代码

vue语法之拼接字符串的示例代码

语法,示例代码,拼接字符串,电脑软件,vue,本文介绍了vue语法之拼接字符串的示例代码,分享给大家,具体如下。先来一行代码:<div class="swiper-slide" v-for="item in message">  <img v-bind:src="['xxx(需要拼接的字符串)'+item.picu…

Bootstrap轮播效果详解

Bootstrap轮播效果详解

详解,效果,电脑软件,Bootstrap,导言Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。示例下面演示图片的轮播,使用bootst…

AI绘制一个逼真复古露营灯教程

AI绘制一个逼真复古露营灯教程

教程,绘制,逼真,电脑软件,AI,12 3 4 5 6 7 阅读全文1 23 4 5 6 7 阅读全文1 2 34 5 6 7 阅读全文1 2 3 45 6 7 阅读全文1 2 3 4 56 7 阅读全文1 2 3 4 5 67 阅读全文1 2 3 4 5 6 7阅读全文…

JS简单实现滑动加载数据的方法示例

JS简单实现滑动加载数据的方法示例

方法,简单实现,加载数据,示例,电脑软件,本文实例讲述了JS简单实现滑动加载数据的方法。分享给大家供大家参考,具体如下://滑动function getScrollTop(){ var scrollTop = 0; if (document.documentElement && document.documentElement.scrol…

excel表格加框线的方法excel表格怎

excel表格加框线的方法excel表格怎

方法,表格,电脑软件,excel,strong,  Excel中经常需要使用到添加表格框线的功能,框线具体该如何添加呢?下面是由小编分享的excel表格加框线的方法,以供大家阅读和学习。excel表格加框线的方法表格添加框线步骤1:双击打开Excel2007,这里为了更…

asp使用Weekday函数计算项目的结束

asp使用Weekday函数计算项目的结束

项目,函数,计算,结束时间,电脑软件,今天看到一个帖子求项目完成的时间,需求是这样的:给你一个项目的开始时间,给你项目总需求的天数,求项目的项目结束时间?注意:周六周日为休息日。在asp编程开发中,计算时间很容易,直接用项目开始时间+天数,即可得到…