Ionic 3 - Как переместить контент за отключенной (прозрачной) кнопкой - PullRequest
Новая
       65

Ionic 3 - Как переместить контент за отключенной (прозрачной) кнопкой

0 голосов
/ 09 октября 2018

Есть ли способ заставить контент за отключенной кнопкой, которая прозрачна?

enter image description here

Вот код: 

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

1 Ответ

0 голосов
/ 10 октября 2018

Я не совсем понимаю, что вы хотите сделать здесь, но если вы хотите применить стиль в зависимости от конкретной логики, вы можете использовать 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>

Затем вы можете определить стиль text-behind в отдельном файле CSS.

...