リスト項目のhrefタグが無効になっています

Question

私が必要とするのは、<a>のリスト項目にあるタグを無効にすることです。表示されないようにしてください.をクリックしてください（最後のリスト項目）。私はリストアイテムの属性で直接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を使用して、クリックがリンクを通過するようにすることができます。