2016-12-18 16 views
0

私は以下のようにfab-buttonを持っていますが、フォームが有効でない場合は無効にしたいのですが、http://ionicframework.com/docs/v2/api/components/fab/FabButton/のドキュメントに基づいてfab-buttonにdisabledというプロパティがないようです。イオンファブボタンを無効にする方法は?

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

答えて

2

ion-fabのボタンを無効にする必要があります。このコードは、私の作品:

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

あなたは絶対に罰金でしたが、時々、いくつかのプロパティは、いくつかの要素には適用されません。

ここでは、ion-fab属性で直接無効にすることはできません。

イオン・ファブからボタンまでカット+ペーストを無効にするだけです。

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