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之外的大多数浏览器都适用。

Answer 2

您可以添加此位查找“禁用”数据属性ng-disabled正在添加的CSS。这是一个例子：

label[disabled]{
  pointer-events:none;
}

<label type="button" class="btn btn-primary btn-block btn btn-primary btn-sm btn-block hist-button" 
   id="importHistEditButton" ng-controller="ImportHistoryController" 
   onClick="alert('hello')" disabled>Try to click me! </label>

html标签作为按钮 - 我需要能够禁用角度

2 个答案: