Angular 启动p-multiSelect未显示所选值

Angular 启动p-multiSelect未显示所选值,angular,typescript,primeng,Angular,Typescript,Primeng,填塞板中的Myp-multiSelect: <p-multiSelect name="selectedItens" [options]="vlans" [(ngModel)]="selectedItens" optionLabel="name" ></p-multiSelect> selectedItens是这样一个对象: name: string |

填塞板中的My
p-multiSelect

<p-multiSelect
    name="selectedItens" 
    [options]="vlans" 
    [(ngModel)]="selectedItens" 
    optionLabel="name" 
></p-multiSelect>
selectedItens
是这样一个对象:

name: string | undefined;
active: Boolean | undefined;
id: number;
我检查了返回值witch console.log,看起来一切正常,但我的mult选择如下所示:

数据[“结果”]
示例:

0:{name:“V-123”,活动:true,id:3}

1:{name:“V-832”,活动:false,id:333}

2:{name:“V-220”,活动:false,id:6}

所有选项通常显示在列表中,但当我单击以选择任何其他字段时,复选框不会被选中,尽管该复选框工作正常(单击的项目将添加到数组中)。

如果我删除
[(ngModel)]=“selectedItens”
一切正常,但我需要显示已选中的iTen。

如果我删除[(ngModel)]=“selectedItens”,一切正常

因为您正在将整个数组分配给
ngModel
,所以无法显示正确的
下拉列表(组合)

在您的用例中,您需要将所选值分配给
[(ngModel)]
而不是整个列表

这是你的参考资料。请尝试进行如下更改(注意:使用如下硬编码值)


快乐编码…)

我使用的是p-multiSelect而不是p-dropdown,在multiSelect中,它应该包含一个数组:我在stackBlitz中遵循了您的示例,它起了作用:)我认为它以前不起作用,因为我没有使用SeletItem,而是一个自定义对象。
name: string | undefined;
active: Boolean | undefined;
id: number;
 this.selectedItem =  this.selectedItem.concat(this.vlans[1].value);