Question

<ion-select (ionChange)="changed($event)">每次更改都会调用两次更改的方法

预期行为：

每个值更改都应调用一次(ionChange)="changed($event)

注意：我尝试使用点击，点击但不使用

Answer 1

我遇到了同样的问题（使用Angular 4，Ionic 3）。在为单个项目列表创建离子选择组件时，我仅添加了离子选项子组件的标签，并让框架决定了它们的value属性。

当我明确添加离子选择组件的value属性时，我没有遇到这个问题。

（即我更改了此内容）： 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 ;-)

希望这是您的情况，这会有所帮助。干杯...

离子选择问题

1 个答案: