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，因此点击将通过链接。