Ionic 3-如何在禁用（透明）按钮后移动内容

Question

是否有一种方法可以将内容强制置于透明的禁用按钮后面？

代码如下：

  <ion-fab bottom right #fab1>
     <button tappable ion-fab color="green" class="no-text-transform" (click)="proximo()" [disabled]="!cultivaresForm.valid">
       <ion-icon name="arrow-round-forward"></ion-icon>
       <ion-label>Próximo</ion-label>
     </button>
  </ion-fab> 

Answer 1

我不太确定您想在这里做什么，但是如果您想根据特定的逻辑应用样式，则可以使用ngClass。

即如果要在禁用按钮时将样式应用于文本（因此当 !cultivaresForm.valid），您可以执行以下操作：

<ion-fab bottom right #fab1>
     <button tappable ion-fab color="green" class="no-text-transform" (click)="proximo()" [disabled]="!cultivaresForm.valid">
       <ion-icon name="arrow-round-forward"></ion-icon>
       <ion-label>Próximo</ion-label>
     </button>
  </ion-fab>
<p [ngClass]="{text-behind: !cultivaresForm.valid}">the text you want to put behind</p>

然后您可以在单独的CSS文件中定义text-behind样式。