Ionic framework 如何创建离子选择框？

我正在从事一个ionic项目，希望创建一个

ionic选择框

，如下图所示

下面是我所做的示例的示例

<ion-view view-title="Home">
      <ion-content class="padding">
        <ion-list>
          <ion-item>
            <ion-label>Toppings</ion-label>
            <ion-select [(ngModel)]="toppings" multiple="true" cancelText="Nah" okText="Okay!">
              <ion-option value="bacon" checked="true">Bacon</ion-option>
              <ion-option value="olives">Black Olives</ion-option>
              <ion-option value="xcheese" checked="true">Extra Cheese</ion-option>
              <ion-option value="peppers">Green Peppers</ion-option>
            </ion-select>
          </ion-item>
        </ion-list>
      </ion-content>
    </ion-view>

浇头
培根
黑橄榄
额外的奶酪
青椒

选择框不会显示，相反，

的所有值都显示在同一行中

---

如何确保它与文档示例中所示的内容相同？

您粘贴的模板和指向的文档页面适用于Ionic2/Angular2，但您使用的是Ionic 1.3.1

---

您可以在Ionic 1.3中找到select的文档，您粘贴的模板和指向的文档页面是Ionic 2/Angular2的，但您使用的是Ionic 1.3.1

---

您可以在Ionic 1.3中找到select的文档

Oops my bad！顺便说一句，出于好奇，还有一个问题，我可以用Ionic2和Angular1吗。我想要这些新的爱奥尼亚2。我是新来的爱奥尼亚人，所以请容忍我！这总结了一切。无论如何谢谢：）哎呀，我的错！顺便说一句，出于好奇，还有一个问题，我可以用Ionic2和Angular1吗。我想要这些新的爱奥尼亚2。我是新来的爱奥尼亚人，所以请容忍我！这总结了一切。无论如何，谢谢你：）