angularjs - ion-select 无法正确显示

Question

我正在尝试实现 ionic 框架提供的选择选项 正如这里提到的 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。这是因为 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>

另外:

• Ionic Directive to Select multiple options (CodePen)
• Cool Select with ionic (CodePen)