禁用链接中的最后一项

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是一个布尔值,您可以在文档中阅读

$ last boolean =>如果重复元素在迭代器中是最后一个,则为true.

正确的语法是

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

如果$last为true,则会添加该类disabled.

所以整条线都是

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

这是一个工作的plunkr

正如评论所指出的那样,你也可以在角度以外用纯粹的css做到这一点 - 这个答案就是你提出的棱角分明的方式.