2017-08-15 111 views
0

我正在嘗試做一些非常基本的事情:輸入字段上方的標籤。 由於某種原因,這不起作用。任何線索?Ionic2 - 不會出現輸入的標籤

<ion-header> 
    <ion-navbar> 
     <ion-title> 
     The App 
     </ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content> 
    <ion-item no-lines> 
    <ion-label stacked>First name</ion-label> 
    <ion-input></ion-input> 
    </ion-item> 
    <ion-item no-lines> 
     <ion-label stacked>Last name</ion-label> 
     <ion-input type="text" placeholder="Last Name"></ion-input> 
    </ion-item> 
</ion-content> 

<ion-footer> 
    <div (click)="goHome()">Cancel</div> 
    <div (click)="save()">Update</div> 
</ion-footer> 

回答

2

正如你可以在docs看到 更改您的代碼<ion-label stacked>,它應該出現在您的ion-input

+0

的頂部沒有:(對不起......我只是作爲例子東西wrong..even如果我完全按照你的說法放置......這不會起作用......繼續是相同的:( –

+0

@MarcoJr如果我將你的代碼複製並粘貼到ionic2 plunkr中,標籤位於輸入之上如果你沒有看到這個結果,你的css中的某些東西很煩人,你可以使用開發者控制檯來調試這個。 – Ivaro18

+1

Ivaro,沒關係......這是我自定義的CSS,它覆蓋了標籤!非常感謝你的幫助! –