使用带有 angular 2 下拉多选的反应形式答案

【问题标题】：Use reactive form with angular 2 dropdown multiselect使用带有 angular 2 下拉多选的反应形式
【发布时间】：2017-06-26 16:03:38
【问题描述】：

我正在尝试将 angular 2 dropdown multiselect library 与响应式表单一起使用。

我已经按照响应式模型的教程进行操作，并且有这个：

this.myOptions = [
    { id: 1, name: 'English' },
    { id: 2, name: 'French' },
];

this.form = this.formBuilder.group({
    langs:[1, 2]
});

在我的 html 中（在哈巴狗中）：

ss-multiselect-dropdown([options]='myOptions', formControlName='langs')

并得到以下错误：TypeError: this.validator is not a function

所以我试过了：

this.form = this.formBuilder.group({
    langs:this.formBuilder.array([1, 2])
});

并得到以下错误：TypeError: control.registerOnChange is not a function

我做错了什么？这是一个错误吗？

你可以看到plunker here

【问题讨论】：

【解决方案1】：

我从您的问题中了解到，您想在 init 上同时选择这两个值。

this.myForm = this.formBuilder.group({
  optionsModel: [[1,2]] // Default model
});

这两个值都将被默认选择

【讨论】：