时间戳

首页 > 解决方案 > primeng 多选中的默认选中选项

angular - primeng 多选中的默认选中选项

问题描述

我正在尝试使用primeng multiselect（angular 7）默认选择一个选项。默认情况下，我可以选择 1 个选项，但未选中该选项的复选框，但它出现在我选择的选项数组中。我在primeng multiselect的标签字段上将该默认选项显示为defaultLable，只是为了外观广告感觉。任何人都不知道我们如何使复选框检查默认选择的选项。

我最初尝试将 item 放入 select Array，然后使用 defaultLable 显示

标签： angularprimeng

解决方案

只需将具有第一个值的数组作为多选的值。从文档

<p-multiSelect [options]="cars" [(ngModel)]="selectedCars" 
      [panelStyle]="{minWidth:'12em'}">
</p-multiSelect>

cars = [
    {label: 'Audi', value: 'Audi'},
    {label: 'BMW', value: 'BMW'},
    {label: 'Fiat', value: 'Fiat'}
]
selectedCars=[cars[0].value]

推荐阅读