Angular2 - 向Select2添加新项目(ng2-select2)

时间:2017-03-20 09:38:59

标签: angular select2

我在Angular2项目中使用ng2-select2,如果它不在列表中(仅一个项目),我想创建新项目并存储它我的component.ts稍后在我的submitForm中使用它。我似乎需要使用tokenizertokenSeparators但是如何?

这是我的HTML代码:

<select2 [data]="generals" (valueChanged)="generalChanged($event)"></select2>

这是我的component.ts的最小化版本:

export class ProductComponent implements OnInit {
  public options: Select2Options;
  public generals: Array<Select2OptionData>;
  productForm: FormGroup;
  ngOnInit() {

    this.generals = [
        { id: '1', text: 'Red' }, { id: '2', text: 'Blue' }
    ];
  }

  generalChanged(data: { value: string }) {
    const control = this.productForm.controls['general'];
    control.setValue(data.value);
  }
}

1 个答案:

答案 0 :(得分:0)

select2Options:any = {     主题:'bootstrap',     标签:[]   };

添加标签:[]以选择选项