先来粘贴代码：
<html>
<head>
<script src="//cdn.bootcss.com/angular.js/1.3.17/angular.js"></script>
<script type="text/javascript">
angular.module('app',[]).controller('HelloCtrl',function ($scope) {
$scope.groupName = '天籁乐队';
$scope.list = [
{name:'小王', age:16},
{name:'小李', age:18}
];
})
</script>
</head>
<body ng-app = 'app'>
<div ng-controller="HelloCtrl">
<h2>今天介绍的团队是: {{groupName}}</h2>
<div>主要成员是：
<p ng-repeat="v in list">{{v.name}}，年龄：{{v.age}}</p>
</div>
</div>
</body>
</html>
效果图如下：
ng-repeat是循环方法，可以把数组里的元素循环展示在页面上。
以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索数组
代码
angularjs ng repeat、angularjs中ng repeat、angularjs的ng repeat、ng repeat迭代数组、angularjs repeat，以便于您获取更多的相关知识。
时间： 2024-09-20 06:00:31