本文实例讲述了AngularJS使用尼日利亚重复遍历二维数组元素的方法。分享给大家供大家参考,具体如下:
问题:
最近在做报表的项目,有一种情况是后台返回给我的是一个二维数组,在前台将数据放入到表格中,因为我们用的是angularJS的前台框架,所以利用尼日利亚重复来实现。
实现方法:
首先在射流研究…中:
$scope .周=[[]云南省,' a ',' s ',' d ',' e ',' w ',' t ',['陕西省,' l ',' p ',' o ',' I ',' u ',' y ',['青海省', 1, 2, 4, 4, 5, 6 ] ];在超文本标记语言中:
样式一:
ul ng-repeat=' a in Week ' ul ng-repeat=' b in a track by $ index ' lib 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 ' { b } }/TD/tr/table测试示例代码如下:
!titlewww.jb51.net遍历二维数组元素/title脚本src=' http : angular。量滴js '/script脚本var app=angular。模块('教训',[]);app.controller('oneCtrl ',函数($scope){ $scope .周=[[]云南省,' a ',' s ',' d ',' e ',' w ',' t ',['陕西省,' l ',' p ',' o ',' I ',' u ',' y ',['青海省', 1, 2, 4, 4, 5, 6 ] ];});/script/headbody ng-app='教训ng-controller='oneCtrl '遍历数组所有元素(样式一):ul ng-repeat=' a in Week ' ul ng-repeat=' b in a track by $ index ' lib 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“{ b } }/TD/tr/table/body/html运行效果:
更多关于AngularJS相关内容感兴趣的读者可查看本站专题: 《AngularJS指令操作技巧总结》 、 《AngularJS入门与进阶教程》 及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。