angularJS利用ng-repeat遍歷二維數(shù)組的實例代碼
更新時間：2017年06月03日 16:35:39 作者：群來群往
本篇文章主要介紹了angularJS利用ng-repeat遍歷二維數(shù)組的實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
最近在做報表的項目，有一種情況是后臺返回給我的是一個二維數(shù)組，在前臺將數(shù)據(jù)放入到表格中，因為我們用的是AngularJS的前臺框架，所以利用ng-repeat來實現(xiàn)：
首先在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></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>
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- AngularJS ng-repeat遍歷輸出的用法
- AngularJS ng-repeat指令中使用track by子語句解決重復數(shù)據(jù)遍歷錯誤問題
- Angular ng-repeat遍歷渲染完頁面后執(zhí)行其他操作詳細介紹
- Angular ng-repeat 對象和數(shù)組遍歷實例
- AngularJS遍歷獲取數(shù)組元素的方法示例
- angular ng-repeat數(shù)組中的數(shù)組實例
- AngularJS ng-repeat數(shù)組有重復值的解決方法
- AngularJS中比較兩個數(shù)組是否相同
- AngularJS使用ng-repeat遍歷二維數(shù)組元素的方法詳解
相關(guān)文章
這篇文章主要介紹了詳解Angular Karma測試的持續(xù)集成實踐，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
這篇文章主要介紹了再談Angular4 臟值檢測(性能優(yōu)化)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
本篇文章主要介紹了詳解如何在Angular中快速定位DOM元素，非常具有實用價值，需要的朋友可以參考下2017-05-05
本篇文章主要介紹了angular.extend方法的具體使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
AngularJS 獲取ng-repeat動態(tài)生成的ng-model值實例詳解
這篇文章主要介紹了AngularJS 獲取ng-repeat動態(tài)生成的ng-model值實例詳解的相關(guān)資料,這里提供實例代碼及實現(xiàn)效果圖，需要的朋友可以參考下2016-11-11
這篇文章主要給大家介紹了關(guān)于angular組件間通訊的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用angular組件具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2020-05-05
本篇文章主要介紹了詳解AngularJS ng-class樣式切換，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
AngularJS中實現(xiàn)用戶訪問的身份認證和表單驗證功能
這篇文章主要介紹了AngularJS中實現(xiàn)用戶訪問的身份認證及表單驗證功能的方法,Angular是Google開發(fā)的一款瀏覽器端的高人氣JavaScript框架,需要的朋友可以參考下2016-04-04
這篇文章主要介紹了Angular模版驅(qū)動表單的使用總結(jié)，本文實現(xiàn)了Angular支持表單的雙向數(shù)據(jù)綁定，校驗，狀態(tài)管理，非常具有實用價值，需要的朋友可以參考下2018-05-05
這篇文章主要介紹了Angular學習筆記之集成三方UI框架、控件的示例，詳細的介紹了Material UI、Ag-grid等框架，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-03-03