ion-libel positon="floating" 不适用于 ion-input 占位符

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

占位符文本必须与 ion-label 标签一起...请参考 official docs。

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

ion-libel positon="floating" 不适用于 ion-input 占位符

ion-libel positon="floating" is not working with ion-input placeholder

ionic-framework

ionic5