Ionic 离子输入现在需要提供标签

piv4azn7  于 2023-05-21  发布在  Ionic
关注(0)|答案(1)|浏览(242)

我一直在将我的代码迁移到Ionic 7,其中一个警告是以下消息:
node_modules_ionic_core_dist_esm_ion-item_8_entry_js.js:2 [离子警告]:离子输入现在要求提供具有“label”属性或“aria-label”属性的标签。要进行迁移,请删除所有“ion-label”的用法,并将标签文本传递给“label”属性或“aria-label”属性。 示例:带有aria-label的示例:” 现在它要我更改代码,从 User Name <ion-input type="text" formControlName="user_name" [class.invalid]="!mainForm.controls['user_name'].valid && (mainForm.controls['user_name'].dirty || submitAttempt)"> <ion-input type="text" formControlName="user_name" label="User Name" position="floating" [class.invalid]="!mainForm.controls['user_name'].valid && (mainForm.controls['user_name'].dirty || submitAttempt)"> `
对于那些没有意识到差异的人来说,变化是我们放弃了离子标记并将其纳入离子输入。警告似乎消失了,但是position ='floating'不再起作用。
有谁知道如何迁移,同时保持浮动功能完好无损?
我试着把那条线从位置改成填充,它仍然不允许。

3xiyfsfu

3xiyfsfu1#

IonInput现在有一个属性来设置标签位置,称为labelPlacement。您可以将标签设置为浮动,如下所示:

<ion-item>
    <ion-input label="Floating label" labelPlacement="floating" placeholder="Enter text"></ion-input>
  </ion-item>

参见https://ionicframework.com/docs/api/input
这次升级肯定有很多变化!

相关问题