ng-khuyết tật không hoạt động với thẻ <i> sử dụng phông chữ tuyệt vời

Question

Tôi đã tạo một thư mục mà tôi muốn xác thực biểu mẫu có nút được tạo bằng phông chữ tuyệt vời. Trường văn bản là bắt buộc và tôi muốn tắt biểu tượng nếu không có dữ liệu nào được nhập. Nhưng ng-disabled dường như không hỗ trợ chức năng này bằng biểu tượng phông chữ tuyệt vời. Có ai phải đối mặt với vấn đề này before.Please chia sẻ suy nghĩ của bạn ..

Hãy tìm ra liệng here

Answer 1

Đặt nó bên trong một nút và nó sẽ làm việc:

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

Bạn có thể định dạng phong cách của nút theo cách bạn muốn.

Answer 2

Trong file css bạn có thể thêm

.disabled {cursor: không được cho phép; }

Và trong tập tin html, bạn thay đổi

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