ng-disabled在列表項中的href標記不起作用

Question

我需要的是禁用點擊<a>標記是在列表項目中的UI列表，所以它不會顯示包括我<div>，我已對點擊（最後列表項除外）。我直接在列表項屬性上嘗試使用ng-disabled，並且只在<a>標記中添加ng-disabled，但我仍然可以單擊。以下是我的看法。

<div class="tab-pane"> 

    <ul class="nav nav-tabs nav-default tab-sm"> 
     <li class=""><a data-ng-click="vm.sub = 'one'" data-toggle="tab"><strong> 
        Text 1</strong></a> 
     </li> 
     <li class=""><a data-ng-click="vm.sub = 'two'" data-toggle="tab"><strong> 
        Text 2</strong></a> 
     </li> 
     <li class=""><a data-ng-click="vm.sub = 'three'" data-toggle="tab"><strong> 
        Text 3</strong></a> 
     </li> 
     <li id="viewAllItems" class="active pull-right"><a data-ng-click="vm.sub = 'four'" data-toggle="tab"><strong> 
        Text 4</strong></a> 
     </li> 
    </ul> 

</div> 

<div class="tab-content"> 
    <div data-ng-show="vm.sub == 'one'" data-ng-include="'src/app/....tpl.html'"></div> 
    <div data-ng-show="vm.sub == 'two'" data-ng-include="'src/app/....tpl.html'"></div> 
    <div data-ng-show="vm.sub == 'three'" data-ng-include="'src/app/....tpl.html'"></div> 
    <div data-ng-show="vm.sub == 'four'" data-ng-include="'src/app/....tpl.html'"></div> <!-- ngRepeat inside of this template --> 
</div> 

我檢查了vm.enableClick的值，肯定是錯誤的。

Answer 1

您不能在<a>標記上使用ng-disable，而是可以使用類和css屬性pointer-events：none，因此點擊將通過鏈接。