Question

我正在尝试实现离子框架提供的选择选项如这里提到的 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还是我需要添加更多代码才能使其工作？我真的不确定我在这里错过了什么。

Answer 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>

此外：

ion-select无法正确显示

1 个答案: