ng-disabled 列表项中的 href 标签不起作用

Question

我需要的是禁用点击 ui 列表中的列表项中的 <a> 标签，这样它就不会显示包括我 <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，而是可以使用 class 和 css 属性指针事件：none 所以点击将经过 link.

ng-disabled 列表项中的 href 标签不起作用

ng-disabled for href tag in list item not working

javascript

html

angularjs

angularjs-ng-disabled