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.enable的值。肯定是假的。

Answer 1

您不能在<a>标记上使用ng-disable，而是可以使用类和css属性pointer-events：none，以便点击将通过链接。

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

1 个答案: