ng-disabled 不使用

Question

我創建了一個plunk，我想在其中驗證一個使用font-awesome創建的按鈕的表單。 文本字段是必需的，如果沒有輸入數據，我想要禁用該圖標。但ng-disabled此功能似乎不支持使用字體真棒圖標的此功能。 有沒有人遇到過這個問題。請分享你的想法..

請在這里找到插件

Answer 1

將它放在一個按鈕內，它應該工作：

    <button ng-disabled="testForm.$invalid" ng-click="$ctrl.checkIfClicked()">
      <i class="fa fa-floppy-o fa-2x"></i>
    </button>

您可以按照自己想要的方式格式化按鈕的樣式。

Answer 2

在文件css中，您可以添加

.disabled {cursor：not-allowed; }

在html文件中，你改變了

<i class="fa fa-floppy-o fa-2x" ng-class="{disabled: testForm.$invalid}" aria-hidden="true" ng-click="$ctrl.checkIfClicked()"></i>