Angular2 - Select2 multiple selectを使用した場合のformControlへのバインド

Question

Angular2アプリケーションでSelect2を使用しようとしています。オプションを選択したときに選択したオプションを印刷することができましたが、選択したオプションを角度フォームのコントロールにバインドするのに問題がありました。

これは私のhtmlです：私はVaRのthis._selectedFieldsに私の選択を持って

private _availableFields: Array<any> = ['Value1', 'Value2', 'Value3']; 
private _selectedFields: Array<string> = []; 

export class AppComponent{ 
    editForm : new FormGroup({ 
     email: new FormControl('', Validators.required), 
     branchCode: new FormControl('', Validators.required), 
}); 
} 

ngAfterViewInit(){ 
    jQuery('.fields-select').select2(); 
    jQuery('.fields-select').on('change', 
     (e) => 
     this._selectedFields = jQuery(e.target).val(); 
     console.log(this._selectedFields); 
    ); 
}; 

：

<select id="fields" class="form-control fields-select" multiple="multiple" 
     formControlName="branchCode"> 
    <option *ngFor="let field of _availableFields" [value]="field">{{field}} 
    </option> 
</select> 

これは私のTSファイルです。 this._selectedFieldsの選択した値を、formControl 'branchCode'にバインドするにはどうすればよいですか？

Answer 1

jQuery select2角を使ったライブラリはいいアイデアだと思うのですが、代わりにがselect2のような角張ったライブラリであることを確認してください。