select2 Ereignis ausgelöst wird zweimal in angular4

Question

Markup

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

Angular 4 Komponente

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

Ereignis valueChanged zweimal ausgelöst, wie kann es verhindern.

Answer 1

In

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

Sie ändern den Wert erneut d.h this.selectedData, so Wert wird zweimal geändert, einmal, wenn Sie einen Wert ausgewählt, und wenn Sie den Wert manuell geändert. Da der Wert an selectedData gebunden ist, müssen Sie ihn in der abvove-Methode nicht explizit ändern.

[value]="selectedData" 

Answer 2

Der Code sollte wie sein

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

nur[value]="selectedData"