Question

我正在尝试在Angular2应用程序中使用Select2。当我选择选项时，我可以打印出我的选择，但是将选定的选项绑定到我的角形控件时有问题。

这是我的HTML：

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

这是我的ts档案：

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);
   );
};

我在var this._selectedFields中得到了我的选择。如何将this._selectedFields中的选定值绑定到我的formControl“branchCode”？

Answer 1

我不认为使用带有角度的jQuery select2库是一个不错的主意，你应该检查出ng2-select这是一个类似于select2的库，你不会遇到这些问题

Angular2 - 使用Select2多重选择时绑定到formControl

1 个答案: