Как отключить кнопку ion-fab?

Question

У меня есть кнопка fab, как показано ниже, и я хочу отключить ее, если форма недействительна, но на основе документов по http://ionicframework.com/docs/v2/api/components/fab/FabButton/ кажется, кнопка fab не не иметь disabled имущество.

<ion-fab right bottom [disabled]="!profileForm.valid">
    <button ion-fab color="primary"><ion-icon name="md-checkmark"></ion-icon></button>
  </ion-fab>

Answer 1

Вы должны отключить кнопку внутри ion-fab, Этот код работает для меня:

<ion-fab bottom right>
  <button ion-fab [disabled]="!isValidInput()" (click)="add()">
    <ion-icon name="checkmark"></ion-icon>
  </button>
</ion-fab>

Answer 2

Вы сделали абсолютно хорошо, но иногда некоторые свойства не применимы к некоторому элементу.

Так что здесь вы не можете применить отключенный напрямую к атрибуту ion-fab.

Таким образом, просто вырезать + вставить отключен от ионного потрясающего к кнопке.

<ion-fab right bottom>
    <button ion-fab color="primary" [disabled]="!profileForm.valid"><ion-icon name="md-checkmark"></ion-icon></button>
</ion-fab>