離子2選擇不顯示選項文本

我正在使用完全按照示例顯示的（我實際上覆制/粘貼「遊戲」選擇）的Ionic 2選擇組件，當彈出窗口出現顯示選項時，選項文字總是缺失。它會顯示每個項目的單選按鈕，但僅顯示文本的空白區域。我檢查了HTML以確保它不被CSS隱藏，並且選項文本不在HTML中。離子2選擇不顯示選項文本

我已經在瀏覽器中運行都試過這種實際的Android手機上，並得到相同的結果。我究竟做錯了什麼？

這裏是我的HTML：

<ion-label>Gaming</ion-label> 
 
<ion-select [(ngModel)]="gaming"> 
 
    <ion-option value="nes">NES</ion-option> 
 
    <ion-option value="n64">Nintendo64</ion-option> 
 
    <ion-option value="ps">PlayStation</ion-option> 
 
    <ion-option value="genesis">Sega Genesis</ion-option> 
 
    <ion-option value="saturn">Sega Saturn</ion-option> 
 
    <ion-option value="snes">SNES</ion-option> 
 
</ion-select>

我沒有任何自定義CSS樣式此頁面上的。

來源

2017-04-23 nuckolhead

嘗試把選擇組件列表

<ion-list> 
    <ion-item> 
     <ion-label>Toppings</ion-label> 
     <ion-select [(ngModel)]="toppings" multiple="true"> 
     <ion-option>Bacon</ion-option> 
     <ion-option>Black Olives</ion-option> 
     <ion-option>Extra Cheese</ion-option> 
     <ion-option>Mushrooms</ion-option> 
     <ion-option>Pepperoni</ion-option> 
     <ion-option>Sausage</ion-option> 
     </ion-select> 
    </ion-item> 
</ion-list>

裏面如果你試圖用一個按鈕，有一個彈出選擇，使用：

presentChooseGame() { 
     let alert = this.alertCtrl.create({ 
     title: 'Choose Game', 
     inputs: [ 
      { 
      name: 'gameboy', 
      value: 'gameboy', 
      type: 'radio', 
      label: 'GameBoy' 
      }, 
      { 
      name: 'gameboy2', 
      value: 'gameboy2', 
      type: 'radio', 
      label: 'GameBoy2' 
      }, 
      { 
      name: 'gameboy3', 
      value: 'gameboy3', 
      type: 'radio', 
      label: 'GameBoy3' 
      }, 
     ], 
     buttons: [ 
      { 
      text: 'Cancel', 
      role: 'cancel', 
      }, 
      { 
      text: 'Ok', 
      handler: data => { 
       console.log(data); 
      } 
      } 
     ] 
     }); 
     alert.present(); 
    }

希望這有助於！ :)

來源

2017-04-24 09:27:25 TriDiamond

事實證明，問題是與實時重新加載。一旦我完成了重建，出現了選擇值。

來源

2017-04-25 22:22:35 nuckolhead

離子2選擇不顯示選項文本

回答

相關問題