ng-disabled 不能使用 font-awesome 处理 <i> 标签答案

【问题标题】：ng-disabled not working with <i> tag using font-awesomeng-disabled 不能使用 font-awesome 处理 <i> 标签
【发布时间】：2018-06-23 00:27:38
【问题描述】：

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

请找plunkhere

【问题讨论】：

【解决方案1】：

将它放在一个按钮内，它应该可以工作：

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

您可以根据需要设置按钮样式的格式。

【讨论】：

【解决方案2】：

在文件 css 中你可以添加

.disabled { 光标：不允许； }

在 html 文件中，你改变

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

【讨论】：