Question

我有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>

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属性上应用禁用。

所以，只需将off-paste从ion-fab禁用到按钮。

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

如何禁用ion-fab按钮？

2 个答案: