ion-select无法正确显示-Java 学习之路

我正在尝试实现离子框架提供的选项，如此处所述http://ionicframework.com/docs/v2/api/components/select/Select/

<ion-item>
  <ion-label>Toppings</ion-label>
  <ion-select multiple="true"  okText="Okay" cancelText="Dismiss">
    <ion-option ng-selected="selected">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>

在渲染页面时，它们没有正确显示的选择选项显示为单个列表项 . 我到处查找示例，但大多数都使用标准的html select标签而不是ion-select . 这是因为离子选择需要额外的CSS还是我需要添加更多代码才能使其工作？我真的不确定我在这里失踪了什么 .

enter image description here

1 回答

如果你在Ionic 1中制作应用程序，那么你需要使用Ionic 1 documentation .

尝试这样的事情 .

<div class="list">
  <label class="item item-input item-select">
    <div class="input-label">
      Toppings
    </div>
    <select>
      <option>Black Olives</option>
      <option selected>Bacon</option>
      <option>Extra Cheese</option>
      <option>Mushrooms</option>
      <option>Pepperoni</option>
      <option>Sausage</option>
    </select>
  </label>
</div>

另外：

回复于 2024-05-06T04:08:21+08:00

ion-select无法正确显示

1 回答

相关问题