angularJS利用ng-repeat遍歷二維數(shù)組的實(shí)例代碼

更新時(shí)間：2017年06月03日 16:35:39 作者：群來(lái)群往

本篇文章主要介紹了angularJS利用ng-repeat遍歷二維數(shù)組的實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

最近在做報(bào)表的項(xiàng)目，有一種情況是后臺(tái)返回給我的是一個(gè)二維數(shù)組，在前臺(tái)將數(shù)據(jù)放入到表格中，因?yàn)槲覀冇玫氖茿ngularJS的前臺(tái)框架，所以利用ng-repeat來(lái)實(shí)現(xiàn)：

首先在js中：

復(fù)制代碼代碼如下:

$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></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">{}</td>
</tr>
</table>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

angularjs學(xué)習(xí)筆記之雙向數(shù)據(jù)綁定
AngularJS在$scope變量中使用臟值檢查來(lái)實(shí)現(xiàn)了數(shù)據(jù)雙向綁定。和Ember.js數(shù)據(jù)雙向綁定中動(dòng)態(tài)設(shè)施setter和getter不同，臟治檢查允許AngularJS監(jiān)視那些存在或者不存在的變量。
2015-09-09
舉例詳解AngularJS中ngShow和ngHide的使用方法
這篇文章主要介紹了舉例詳解AngularJS中ngShow和ngHide的使用方法,AngularJS是一款非常熱門(mén)的JavaScript框架,需要的朋友可以參考下
2015-06-06
深入解析Angular動(dòng)態(tài)導(dǎo)入和懶加載實(shí)例
這篇文章主要為大家深入解析了Angular動(dòng)態(tài)導(dǎo)入和懶加載實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-10-10
AngularJS ui-router (嵌套路由)實(shí)例
本篇文章主要介紹了AngularJS ui-router (嵌套路由)實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2017-03-03
詳解angularjs中如何實(shí)現(xiàn)控制器和指令之間交互
本篇文章主要介紹了詳解angularjs中如何實(shí)現(xiàn)控制器和指令之間交互，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
Angular2.js實(shí)現(xiàn)表單驗(yàn)證詳解
這篇文章主要介紹了Angular2.js實(shí)現(xiàn)表單驗(yàn)證的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
AngularJS監(jiān)聽(tīng)ng-repeat渲染完成的兩種方法
這篇文章主要介紹了AngularJS監(jiān)聽(tīng)ng-repeat渲染完成的兩種方法,結(jié)合實(shí)例形式分析了AngularJS基于自定義指令及廣播事件實(shí)現(xiàn)監(jiān)聽(tīng)功能的相關(guān)操作技巧,需要的朋友可以參考下
2018-01-01
AngularJS中比較兩個(gè)數(shù)組是否相同
這篇文章主要介紹了AngularJS中比較兩個(gè)數(shù)組是否相同，介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧
2016-08-08
AngularJS前端頁(yè)面操作之用戶修改密碼功能示例
這篇文章主要介紹了AngularJS前端頁(yè)面操作之用戶修改密碼功能,結(jié)合具體實(shí)例形式分析了AngularJS針對(duì)前端用戶修改密碼的判斷操作實(shí)現(xiàn)技巧,需要的朋友可以參考下
2017-03-03
Angular之toDoList的實(shí)現(xiàn)代碼示例
本篇文章主要介紹了Angular之toDoList的實(shí)現(xiàn)代碼示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-12-12