イオン選択ボックスを作成するにはどうすればよいですか？

Question

Amは、イオンのプロジェクトに取り組んでおりここでは、このdocumentation page

に示されているようionic select boxを作りたかったのですが、私は例のサンプルを入れているcodepen linkは、働いています。

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

選択ボックスが表示されアップしない代わりに<ion-option>のすべての値が同じ行に表示されています。

ドキュメントの例と同じように表示されるようにするにはどうすればよいですか？

Answer 1

あなたが貼り付けたテンプレートとあなたが指しているドキュメントページは、Ionic2/Angular2用ですが、Ionic 1.3.1を使用しています。

Ionicで選択した項目のドキュメントをご覧ください。1.3 here