angular - select2 事件在 angular4 中触发两次

Question

标记

<select2 
         [data]="data"
         [width]="1024"
         [options]="options"
         [value]="selectedData"
         (valueChanged)="onTagChanged($event)">
</select2>

Angular 4 分量

onTagChanged(data: { value: string[] }): void {
    console.log(data);
    this.selectedData = data.value;
}

event valueChanged fires twice, how can prevent it.

Answer 1

在

 onTagChanged(data: { value: string[] }): void {
    console.log(data);
    this.selectedData = data.value;
}

您再次更改值，即 this.selectedData，因此值会更改两次，一次是在您选择一个值时，一次是您手动更改该值。由于该值已绑定(bind)到 selectedData，因此您无需在上述方法中显式更改它。

[value]="selectedData"