angularJS利用ng-repeat遍歷二維數組的實例代碼
更新時間：2017年06月03日 16:35:39 作者：群來群往
本篇文章主要介紹了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></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>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
AngularJS在$scope變量中使用臟值檢查來實現了數據雙向綁定。和Ember.js數據雙向綁定中動態(tài)設施setter和getter不同，臟治檢查允許AngularJS監(jiān)視那些存在或者不存在的變量。2015-09-09
舉例詳解AngularJS中ngShow和ngHide的使用方法
這篇文章主要介紹了舉例詳解AngularJS中ngShow和ngHide的使用方法,AngularJS是一款非常熱門的JavaScript框架,需要的朋友可以參考下2015-06-06
這篇文章主要為大家深入解析了Angular動態(tài)導入和懶加載實例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10
本篇文章主要介紹了AngularJS ui-router (嵌套路由)實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
本篇文章主要介紹了詳解angularjs中如何實現控制器和指令之間交互，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了Angular2.js實現表單驗證的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
AngularJS監(jiān)聽ng-repeat渲染完成的兩種方法
這篇文章主要介紹了AngularJS監(jiān)聽ng-repeat渲染完成的兩種方法,結合實例形式分析了AngularJS基于自定義指令及廣播事件實現監(jiān)聽功能的相關操作技巧,需要的朋友可以參考下2018-01-01
這篇文章主要介紹了AngularJS中比較兩個數組是否相同，介紹的非常詳細，具有參考借鑒價值，感興趣的朋友一起看下吧2016-08-08
這篇文章主要介紹了AngularJS前端頁面操作之用戶修改密碼功能,結合具體實例形式分析了AngularJS針對前端用戶修改密碼的判斷操作實現技巧,需要的朋友可以參考下2017-03-03
本篇文章主要介紹了Angular之toDoList的實現代碼示例，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12