禁用鏈接中的最後一項

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

$最後布爾讀=> 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