javascript - Angular ng 重复禁用除第一项之外的所有项目

Question

我有一个项目列表。每个项目都在 div 中。我只想显示第一个项目启用，其他项目显示禁用。

AngularJs

angular.module('example', [])
.controller('myCtrl', function Ctrl($scope) {
    $scope.items = [1,2,3];
});

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="example" ng-controller="myCtrl">
   <div ng-repeat="item in items">{{item}}</div>
</div>

Answer 1

只需使用 $first属性:

<div ng-app="example" ng-controller="myCtrl">
     <div ng-repeat="item in items" ng-disabled="!$first">{{item}}</div>
 </div>

注意:ng-disabled 适用于表单元素。请参阅documentation了解详情。