ng-disabledは<i>タグで動作しませんfont-awesomeを使用

font-awesomeを使用して作成されたボタンを持つフォームを検証するためのplunkを作成しました。テキストフィールドは必須で、データが入力されていない場合はアイコンを無効にしたいですが、ng-disabledフォントの素晴らしいアイコンでこの機能をサポートしていないようです。は誰 ng-disabledは<i>タグで動作しませんfont-awesomeを使用

がボタン内 here

出典

2016-08-18 forgottofly

を変更します。http://stackoverflow.com/questions/30891858/how-to-disable-a-font-awesome-button -in-jquery –

置き、それをplunkを見つけてください...あなたの考えを共有before.Pleaseこの問題に直面している、それが動作するはずです：

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

あなたはのスタイルをフォーマットすることができますあなたが望む方法でボタンを押してください。

出典

2016-08-18 04:13:54

ファイル、CSSで追加することができます

.disabled {カーソル：-許可されていません。 }

とHTMLファイルで、あなたの参考のため

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

出典

2016-08-18 04:20:51 phuchoangmai

まだボタンをクリックすることができます。右？ – forgottofly

@forgottoflyはい – phuchoangmai

ng-disabledは<i>タグで動作しませんfont-awesomeを使用

答えて

関連する問題