ng-disabled 无法使用 font-awesome 与 <i> 标签一起使用

Question

我创建了一个 plunk，我想在其中验证一个表单，该表单具有使用 font-awesome 创建的按钮。文本字段是必需的，如果没有数据，我想禁用该图标 entered.But ng-disabled 似乎不支持带有超赞字体图标的此功能。有没有人遇到过这个问题before.Please分享你的想法..

请找准答案here

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>

ng-disabled 无法使用 font-awesome 与 <i> 标签一起使用

ng-disabled not working with <i> tag using font-awesome

javascript

angularjs

font-awesome

angularjs-ng-disabled