离子2漂浮离子标签问题

Question

我遇到的问题是我正在使用的一些浮动标签,但不是全部,这使得它更加奇怪.据我所知,我的离子项写得完全相同.以下是一些显示问题的图片.我不确定这是否是Ionic 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>

Answer 1

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