AngularJS的Foreach循环示例
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了AngularJS的Foreach循环示例相关的知识，希望对你有一定的参考价值。
代码下载：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循环示例的主要内容，如果未能解决你的问题，请参考以下文章