Проблема с ion-select

Question

<ion-select (ionChange)="changed($event)"> измененный метод вызывается дважды для каждого изменения

Ожидаемое поведение:

(ionChange)="changed($event) должен вызываться один раз для каждого изменения значения

Примечание: я пытался использовать кран, нажмите, но без использования

Answer 1

Я столкнулся с такой же проблемой (использовал Angular 4, Ionic 3). При создании компонентов ion-select для одного списка элементов я добавил только метки дочерних компонентов ion-option и позволил каркасу определить их свойство value.

Я не сталкивался с этой проблемой, когда явно добавил свойство value компонента ion-option.

(т.е.) я изменил это: selector.component.html (старый)

<div>
    <ion-select [(ngModel)]="selectedItem"
                (ionChange)="change($event)">
        <ion-option *ngFor="let item of itemList">{{ item }}</ion-option>
    </ion-select>
</div>

к этому: selector.component.html (сейчас)

<div>
    <ion-select [(ngModel)]="selectedItem"
                (ionChange)="change($event)">
        <ion-option *ngFor="let item of itemList" [value]="item">{{ item }}</ion-option>
    </ion-select>
</div>

Предполагается, что ниже приведено в файле для этого компонента:

public selectedItem: number = 4;
public itemList: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; // software engineers count from zero ;-)

Надеюсь, это был ваш случай, и это помогает. Приветствия ...