AngularJS 重复 ng-repeat
2018-07-26 17:30 更新
这算是唯一的一个控制标签么……,它的使用方法类型于:
<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']);
以上内容是否对您有帮助:
更多建议: