Question

我正在使用angular1.6。我正在尝试禁用sidenav中的最后一个链接。但不知何故，第一项被禁用以下是代码和plunkr

<li ng-repeat="item in nav.sideNavListOne" ui-sref-active="active" ng-class="[{true: 'disabled'}[$index == $last]]">
   <a ui-sref="{{item.link}}">{{$index+5}}.&nbsp;{{item.name}}</a>
</li>

Answer 1

$last是一个布尔值，您可以在docs

中阅读

$ last boolean =＆gt;如果重复元素在迭代器中是最后一个，则返回true。

正确的语法是

ng-class="{'disabled': $last}"

如果$last为真，则会添加类disabled。

所以整行都是

<li ng-repeat="item in nav.sideNavListOne" ui-sref-active="active" ng-class="{'disabled': $last}" >

这是一个有效的plunkr

正如评论所指出的那样，你也可以通过纯粹的css在角度以外做到这一点 - 这个答案就像你问的那样有棱有角。

Answer 2

$index是一个数字，$last将是一个布尔值。

<li ng-repeat="item in nav.sideNavListOne" ui-sref-active="active" ng-class="[{true: 'disabled'}[$last]]">

只需使用$last

即可

禁用链接中的最后一项

2 个答案: