AngularJS 重复 ng-repeat
这算是唯一的一个控制标签么……,它的使用方法类型于:
<div ng-controller="TestCtrl">
<ul ng-repeat="member in obj_list">
<li>{{ member }}</li>
</ul>
</div>
angular.module('app', [], angular.noop)
.controller('TestCtrl', function($scope){
$scope.obj_list = [1,2,3,4];
});
angular.bootstrap(document.documentElement, ['app']);
除此之外,它还提供了几个变量可供使用:
- $index 当前索引
- $first 是否为头元素
- $middle 是否为非头非尾元素
- $last 是否为尾元素
<div ng-controller="TestCtrl">
<ul ng-repeat="member in obj_list">
<li>{{ $index }}, {{ member.name }}</li>
</ul>
</div>
angular.module('app', [], angular.noop)
.controller('TestCtrl', function($scope){
$scope.obj_list = [{name: 'A'}, {name: 'B'}, {name: 'C'}];
});
angular.bootstrap(document.documentElement, ['app']);