ionic에서 드롭 다운에서 선택 값을 얻는 방법 2

Question

i는 페이지에서 드롭 다운 메뉴를 설정하지만 선택 값을 얻는 방법. 내가 이렇게

<ion-item> 
        <ion-label>MemberType</ion-label> 
        <ion-select [(ngModel)]="selectedvalue" #item > 
        <ion-option *ngFor="let item of items" value="{{item.value}}" checked="{{item.checked}}">{{item.text}}</ion-option> 
        </ion-select> 
       </ion-item> 


items: Array<{ value: number, text: string, checked: boolean }> = []; 

    this.items.push({ value: 1, text: 'Super Distributor', checked: false }); 
    this.items.push({ value: 2, text: 'Distributor', checked: false }); 
    this.items.push({ value: 3, text: 'Retailer', checked: false }); 
    this.items.push({ value: 4, text: 'End User', checked: false }); 

Answer 1

을 사용 코드 :

<ion-item> 
    <ion-label>MemberType</ion-label> 
    <ion-select [(ngModel)]="selectedvalue"> 
     <ion-option *ngFor="let item of items" value="{{item.value}}" checked="{{item.checked}}">{{item.text}}</ion-option> 
    </ion-select> 
</ion-item> 

당신은 two directional 내가의 component에 선언 된 가정하는합니다 (select와 selectedvalue 특성 사이의 바인딩을 만들 ngModel를 사용하고 그 페이지). 따라서 선택한 값은 selectedvalue 변수에 있습니다.

당신은 그것을 확인하려면 페이지에이를 추가 할 수 있습니다

<p>Selected Value: {{ selectedvalue }}</p>