离子2漂浮离子标签问题

问题描述：

我遇到了一个问题某些我正在使用的漂浮标签，但不是全部，这使它更陌生。据我所见，我的离子项目写得完全一样。下面是一些图片来展示这个问题。我不确定这是否是Ionic 2中的错误，或者我做错了什么。如果有什么不清楚或者需要更多代码，请随时询问。离子2漂浮离子标签问题

正如你所看到的，描述和照片/视频标签已经表现得像他们应该当他们在焦点（他们不是），但它却没有出现亮点。

这里是一个形象，我把它放在焦点，然后失焦的一次。
一旦我这样做，它工作正常。

的HTML我写道：

<ion-content padding> 
    <form [formGroup]="complaint" (ngSubmit)="send()"> 

    <ion-item> 
     <ion-label floating>Description*</ion-label> 
     <ion-textarea [(ngModel)]="description" type="text" formControlName="description"></ion-textarea> 
    </ion-item> 

    <ion-item> 
     <ion-label floating>Number of completed tests*</ion-label> 
     <ion-input [(ngModel)]="nrTests" type="number" formControlName="nrTests"></ion-input> 
    </ion-item> 

    <ion-item> 
     <ion-label floating>Photo/Video</ion-label> 
     <ion-input [(ngModel)]="media" formControlName="media"></ion-input> 
    </ion-item> 

    <button ion-button type="submit" [disabled]="!complaint.valid">Send</button> 

    </form> 
</ion-content>

你能在这里模拟吗？：http：//embed.plnkr.co/SJ8GtqbRntby5yGzLEft/ – Sampath

我并不熟悉plunker，但我把它放在里面（融洽）。也许你可以让它工作 –

如果你在表单中添加一个'ion-list'标记并将所有'ion-item'元素放入''ion-list'内，会发生什么？ – sebaferreras

答

删除floating，然后尝试。我认为这会解决你的问题。

但是它不再是一个浮动标签了... –

答

对离子标签使用叠加属性，并在离子列表中使用ion-item。

离子2漂浮离子标签问题

相关推荐