我一直在将我的代码迁移到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'不再起作用。
有谁知道如何迁移,同时保持浮动功能完好无损?
我试着把那条线从位置改成填充,它仍然不允许。
1条答案
按热度按时间3xiyfsfu1#
IonInput现在有一个属性来设置标签位置,称为labelPlacement。您可以将标签设置为浮动,如下所示:
参见https://ionicframework.com/docs/api/input
这次升级肯定有很多变化!