PrimeNg多选，默认选择所有项目

Question

我有来自PrimeNg的多项目。如果需要，我可以选择它们，但默认情况下是否可以选择它们？

<p-multiSelect [options]="userconfig" [(ngModel)]="selectedScopes" optionLabel="name"
    maxSelectedLabels=3 (onChange)="getCheckboxScope($event)" 
    selectedItemsLabel="{0} users selected" defaultLabel="select users..."> 
</p-multiSelect>

Answer 1

如果要选择所有项目，请将多选项中的选项（userconfig）的所有值绑定到（selectedScopes）组件自动检测属性selectedScopes等于{{ 1}}值并选择所有项目。

示例：

userconfig

Answer 2

使用 optionValue="id" 并确保 push 数组中对象的 id。

模板

<p-multiSelect required  [options]="projects" [(ngModel)]="selectedProjects" name="project" defaultLabel="Project"
  optionLabel="name optionValue="id">
</p-multiSelect> 

Answer 3

由于PrimeNg的MultiSelect默认情况下不具备选择所有选项的属性，因此您只需使用selectedScopes中的值填充userconfig即可。大概是你将selectedScopes初始化为空数组？如果你是，那么你可以做这样的事情：

selectedScopes = [value1, value2, value3]

值来自userconfig。由于您具有双向约束selectedScopes，因此selectedScopes中的任何值都应反映为您在MultiSelect中的选择。

（我的术语还有点生疏，所以如果有什么不清楚请告诉我！）