【问题标题】:Default checked option in primeng multiselectprimeng 多选中的默认选中选项
【发布时间】:2019-05-01 03:09:11
【问题描述】:

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

我最初尝试将item放入选择Array,然后使用defaultLable显示

【问题讨论】:

  • 制作一个 stackblitz 演示!与您的代码和堆栈社区可以照顾它

标签: angular primeng


【解决方案1】:

只需将具有第一个值的数组作为多选的值。 来自docs

<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]

【讨论】:

    猜你喜欢
    • 2018-11-30
    • 1970-01-01
    • 2022-01-01
    • 2018-04-10
    • 1970-01-01
    • 1970-01-01
    • 2017-12-18
    • 1970-01-01
    • 2022-01-06
    相关资源
    最近更新 更多