Ng-disabled不能使用<i>标签使用字体-awesome

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

本文关键字：标签 -awesome 字体 不能 Ng-disabled      更新时间：2023-09-26

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

将其放置在按钮中，它应该可以工作:

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

你可以按照你想要的方式设置按钮的样式。

在css文件中添加

。禁用{游标:不允许;}

在html文件中，修改

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