作为按钮的 html 标签 - 我需要能够禁用使用 Angular

Question

我有一个按钮标签。我需要能够禁用它。 ng-dialog 不起作用。如果我使用 ng-diable 它显示禁用，但按钮仍然有效。这不好。标签按钮仍然可以点击。是的，我可以使用常规按钮，但对于这种情况，我需要使用标签按钮。

<label type="button" class="btn btn-primary btn-block btn btn-primary btn-sm btn-block hist-button" 
   id="importHistEditButton" ng-controller="ImportHistoryController" 
   ng-click="getImportHistory(editSource.sourceId); showDialog();">
<span class="icon-plus"></span> Import History

有没有办法禁用标签按钮使其不可点击？

Answer 1

您可以使用 CSS 使标签不可点击。

<style type="text/css">
    label.btn.hist-button {
       pointer-events: none;
    }
<style>

这在除 IE 之外的大多数浏览器中都运行良好。