禁用链接中的最后一项

Question

我在用angular1.6。我在试着禁用sidenav中的最后一个链接。但是在某种程度上，第一项是禁用的，这里是代码和普鲁克尔

<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为真，它将添加类disabled。

所以整条线是

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

这是一个工作的普鲁克尔

正如注释所指出的，你也可以用纯css从外部角度来做这件事--这个答案就是你所要求的角度方式。

Answer 2

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

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

只需使用$last