ng-disabled使用font-awesome不能使用<i>标记

Question

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

请找到插件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>