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>