国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

angularJS利用ng-repeat遍歷二維數組的實例代碼

2019-11-19 16:25:44
字體:
來源:轉載
供稿:網友

最近在做報表的項目,有一種情況是后臺返回給我的是一個二維數組,在前臺將數據放入到表格中,因為我們用的是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>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 扬中市| 昌江| 鹤山市| 两当县| 保山市| 富平县| 镇远县| 浦江县| 桂阳县| 九江县| 堆龙德庆县| 汉川市| 铜川市| 阳城县| 龙门县| 新竹市| 台北县| 民县| 大同市| 永平县| 淮滨县| 崇义县| 盘锦市| 凌云县| 贵南县| 元氏县| 修水县| 军事| 桃源县| 泊头市| 鄂尔多斯市| 六盘水市| 乌兰察布市| 天全县| 郑州市| 白河县| 贺州市| 金堂县| 东阳市| 介休市| 永登县|