ion-libel positon = "Floating" не работает с заполнителем ионного ввода

Question

Ярлык не перемещается, когда ввод будет в фокусе. Если у ввода нет заполнителя, он работает нормально, но в моем случае у него есть заполнитель. Как исправить?

<ion-item>
 <ion-label position="floating" >{{ 'enterPhoneNumber' | translate}}</ion-label>
 <ion-input placeholder="Phone" name="phone" type="text" required ></ion-input>
</ion-item>

Answer 1

Текст заполнителя должен быть go с тегами ion-label ... См. Официальную документацию .

    <ion-item>
      <ion-label position="floating"> Phone </ion-label>
      <ion-input required [(ngModel)]="enterPhoneNumber" type="text"></ion-input>
    </ion-item>