离子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选择不显示选项文本

回答

相关问题