2
我需要的是禁用點擊<a>
標記是在列表項目中的UI列表,所以它不會顯示包括我<div>
,我已對點擊(最後列表項除外)。我直接在列表項屬性上嘗試使用ng-disabled,並且只在<a>
標記中添加ng-disabled,但我仍然可以單擊。以下是我的看法。ng-disabled在列表項中的href標記不起作用
<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的值,肯定是錯誤的。
您不能直接禁用鏈接。你可以使用一個指令來攔截它的行爲,並用CSS來使它看起來被禁用。看到這個答案:http://stackoverflow.com/questions/23453833/how-can-i-make-my-angularjs-link-disabled – Kyle