ng-disabled nie działa z tagiem <i> przy użyciu font-awesome

Question

Stworzyłem pluna, w którym chcę sprawdzić poprawność formularza, który ma przycisk stworzony przy użyciu font-awesome. Pole tekstowe jest wymagane i chcę wyłączyć ikonę, jeśli nie wprowadzono żadnych danych. Ale nie wydaje się, aby ta funkcja działała z ikoną fantastycznej czcionki. Czy ktoś w obliczu tego problemu before.Please podzielić się swoimi przemyśleniami ..

Proszę znaleźć upadać here

Answer 1

umieścić go wewnątrz przycisku i to powinno działać:

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

można sformatować styl przycisk w pożądany sposób.

Answer 2

W pliku css można dodać

.disabled {cursor: nie-domowe; }

A w pliku html, zmienić

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