2016-10-09 2 views
0

은 이온 프로젝트에 참여하고 여기에이 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>의 모든 값이 같은 행에 나타나고있다.

설명서의 예와 같이 표시되는 방법은 무엇입니까?

답변

2

붙여 넣은 템플릿과 가리키는 문서 페이지는 Ionic2/Angular2 용이지만 Ionic 1.3.1을 사용하고 있습니다.

이오닉에서 선택 항목에 대한 설명서를 찾을 수 있습니다. here

+0

죄송합니다. 호기심에서 BTW 한 번 더 질문, Angular1 Ion2 사용할 수있는 방법이 있습니다. 나는이 새로운 이오니아 표정을 원한다. 2.이 새로운 이오니아 세계에 새로운 것이므로 나와 함께 기쁘게 해주세요! – BeingSuman

+0

[SOF 질문] (http://stackoverflow.com/questions/35955053/can-we-work-with-ionic-2-and-angularjs-1)은 모든 것을 요약했습니다. 어쨌든 고마워 :) – BeingSuman

관련 문제