標籤：sap lan html 4.01 log app 遍曆 angular back jsf
代碼下載：https://files.cnblogs.com/files/xiandedanteng/angularJSForeach.rar
代碼：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html ng-app="notesApp"> <head> <title> New Document </title> <meta charset="utf-8"> <script src="angular1.4.6.min.js"></script> </head> <body ng-controller="MainCtrl as ctrl"> <div ng-repeat="member in ctrl.members"> {{member.id}}.name={{member.name}},age={{member.age}} <div> </body></html><script type="text/javascript"><!-- angular.module(‘notesApp‘,[]) .controller(‘MainCtrl‘,[function(){ var self=this; self.members=[ {id:1,name:‘andy‘,age:20}, {id:2,name:‘bill‘,age:21}, {id:3,name:‘cindy‘,age:22}, {id:4,name:‘douglas‘,age:23}, {id:5,name:‘einstein‘,age:24}, ]; }]);//--></script>
效果：
要點：
ng-repeat指令是AngularJS中強大常用的指令之一，它能夠遍曆數組，通過鍵與值來訪問數組的對象並將其顯示在html中。
AngularJS的Foreach迴圈樣本
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
