在ng-class中使用ngDisabled

Question

查看ui-bootstrap分頁模板，我不明白在ng-class中使用ngDisabled。我正在幫助理解這一點。

我查看了'PaginationController'，ngDisabled不是一個scope屬性，它是否引用了ng-disabled指令？

<ul class="pagination"> 
    <li ng-if="::boundaryLinks" ng-class="{disabled: noPrevious()||ngDisabled}" class="pagination-first"><a href ng-click="selectPage(1, $event)">{{::getText('first')}}</a></li> 
    <li ng-if="::directionLinks" ng-class="{disabled: noPrevious()||ngDisabled}" class="pagination-prev"><a href ng-click="selectPage(page - 1, $event)">{{::getText('previous')}}</a></li> 
    <li ng-repeat="page in pages track by $index" ng-class="{active: page.active,disabled: ngDisabled&&!page.active}" class="pagination-page"><a href ng-click="selectPage(page.number, $event)">{{page.text}}</a></li> 
    <li ng-if="::directionLinks" ng-class="{disabled: noNext()||ngDisabled}" class="pagination-next"><a href ng-click="selectPage(page + 1, $event)">{{::getText('next')}}</a></li> 
    <li ng-if="::boundaryLinks" ng-class="{disabled: noNext()||ngDisabled}" class="pagination-last"><a href ng-click="selectPage(totalPages, $event)">{{::getText('last')}}</a></li> 
</ul> 

編輯

由於Shamal指出，ngDisabled是分頁指令範圍：

.directive('pagination', ['$parse', 'paginationConfig', function($parse, paginationConfig) { 
return { 
    restrict: 'EA', 
    scope: { 
     totalItems: '=', 
     firstText: '@', 
     previousText: '@', 
     nextText: '@', 
     lastText: '@', 
     ngDisabled:'=' 
    }, 
... 

Answer 1

是ngDisabled是從指示。

如果在指令中將ng-disabled設置爲true，那麼如果noPrevious（）返回false，則禁用的類將適用。你可以有條件地將這個類應用於li。

.directive('myDirective', function() { 
    return { 
    restrict: 'E', 
    scope: { 
     ngDisabled: '=' 
    }, 
    templateUrl: 'template.html' 
    }; 
}); 

---

<my-directive ng-disabled="true"></my-directive>