如何从 ionic 2 的下拉列表中获取选定的值

【问题标题】：How to get selected value from dropdown in ionic 2如何从 ionic 2 的下拉列表中获取选定的值
【发布时间】：2017-10-07 14:26:06
【问题描述】：

我在页面中设置了下拉菜单，但如何获取所选值。我使用的代码

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

【问题讨论】：

标签： angular typescript ionic2 ionic3

【解决方案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>

您正在使用ngModel 在select 和selectedvalue 属性之间创建two directional 绑定（我假设该属性在该页面的component 中声明）。所以选择的值将在您的selectedvalue 变量中。

您可以将此添加到您的页面以查看：

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

【讨论】：