angular - 使用带有 Angular 2 下拉多选的 react 形式

标签 angular bootstrap-multiselect

我正在尝试使用 angular 2 dropdown multiselect library react 形式。

我已经按照 react 模型的教程学习了,并且有这个:

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

最佳答案

据我从你的问题中了解到,你想在初始化时选择两个值。

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

这两个值都会被默认选中

更新的 Plunker:https://plnkr.co/edit/tvLYUzgsCkXODXX6qKrN?p=preview

关于angular - 使用带有 Angular 2 下拉多选的 react 形式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44754627/

相关文章:

javascript - ScrollIntoView() 锁定滚动 Angular4

angular - node_modules/rxjs/BehaviorSubject 没有导出成员 'BehaviorSubject'

javascript - Bootstrap Multiselect 设置选项字段

jquery - 如何更改 Bootstrap 多选标签而不是全选?

Angular2 http post 没有按应有的方式提供数据

angular - 提供 ng serve 时出现 CLI 错误

angular - 如何在 Material 表 Angular 5 中创建自定义箭头

javascript - onselect 从 Bootstrap 多选下拉列表中删除元素

javascript - 单击未触发的下拉复选框/单选按钮项

jquery - 如何更改 bootstrap-multiselect 的设计