離子2輸入具有被隱藏

Question

我已實施的登錄頁面，但形式不顯示輸入區（線）的形式輸入區域

這是我有

  <ion-list> 

       <ion-item> 
       <ion-label fixed>Username</ion-label> 
       <ion-input type="text"></ion-input> 
       </ion-item> 

       <ion-item> 
       <ion-label fixed>Password</ion-label> 
       <ion-input type="password"></ion-input> 
       </ion-item> 

      </ion-list> 
      <ion-list> 

上面生成

我lookingb着有

正如你可以看到輸入字段的arent第一圖像上可見，否則做什麼，我需要添加

Answer 1

只是檢查是否已包括.css文件，並在index.html的

引用它

<ion-navbar *navbar> 
    <ion-title> 
    Ionic 2 
    </ion-title> 
</ion-navbar> 
<ion-content > 
    <ion-list> 
    <ion-item> 
     <ion-label fixed>Username</ion-label> 
     <ion-input type="text"></ion-input> 
    </ion-item> 
    <ion-item> 
     <ion-label fixed>Password</ion-label> 
     <ion-input type="password"></ion-input> 
    </ion-item> 
    </ion-list> 
</ion-content> 

DEMO