使用formControlName进行MultiSelect

时间:2018-04-11 21:11:04

标签: angular primeng

我尝试使用具有反应形式的PrimeNG MultiSelect。当我尝试选择一个项目时,我的MultiSelect中的所有项目都被选中,并且显示未定义。 您可以在Plunker

中找到代码

1 个答案:

答案 0 :(得分:2)

以下是工作plunkr的链接:https://plnkr.co/edit/h9gIWu2PTpd7vZt2j5qj?p=preview

看起来这个组件无法确定哪些字段是值字段,哪些字段是标签字段。我将networks数组设置为任意数组,并手动将属性标识符设置为label / value。



    public networks: any[] = [];
      
    constructor(private fb: FormBuilder) {
        this.networks = [
            {label: 'New York', value: 123},
            {label: 'Rome', value: 456},
            {label: 'London', value: 789},
            {label: 'Istanbul', value: 321},
            {label: 'Paris', value: 654}
        ];
        this.initForm();
    }