2016-07-05 4 views
1

私はドロップダウンメニューをページに設定しましたが、選択された値を取得する方法はありますか?私はこれを行うことによりイオンのドロップダウンから選択した値を取得するには2

<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 }); 

答えて

5

を使用 コード:

<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で宣言されていると仮定している(selectselectedvalueプロパティ間の結合を作成するためにngModelを使用していますそのページ)。したがって、選択した値はselectedvalue変数になります。

あなたはそれを見るためにあなたのページにこれを追加することができます。

<p>Selected Value: {{ selectedvalue }}</p> 
関連する問題