Как получить выбранное значение из выпадающего списка в ionic 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 });

typescript angular ionic3 ionic2
person Varshil shah    schedule 05.07.2016    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Делая это:

<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 для создания привязки two directional между свойствами select и selectedvalue (которое, как я полагаю, объявлено в component этой страницы). Таким образом, выбранное значение будет в вашей переменной selectedvalue.

Вы можете добавить это на свою страницу, чтобы увидеть, что:

<p>Selected Value: {{ selectedvalue }}</p>
person sebaferreras    schedule 05.07.2016