離子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，然後嘗試。我認爲這會解決你的問題。

Answer 2

對離子標籤使用疊加屬性，並在離子列表中使用ion-item。