如何检查 Angular 2 下拉多选的所有选项

Posted 2023-03-13

【中文标题】如何检查 Angular 2 下拉多选的所有选项

【英文标题】：How to do checkAll options for angular2 dropdown multiselect

【发布时间】：2018-12-27 20:38:33

【问题描述】：

我正在使用这个库进行多选选项，我在那边有复选框，需要在用户单击全选复选框时选中所有复选框，如何做到这一点，任何人都已经实现过。 https://github.com/softsimon/angular-2-dropdown-multiselect

【问题讨论】：

这不是你问题的答案，但我建议你检查这个库primefaces.org/primeng/#/dropdown 我一直在使用许多操作系统，它们暴露的组件，我认为它们很容易实现和配置.

您可以添加您的代码示例吗？

【参考方案1】：

试试这个：

example

设置：

 mySettings: IMultiSelectSettings = 
     enableSearch: false,
     showCheckAll: true,
     showUncheckAll: true,
     checkedStyle: 'checkboxes',
     autoUnselect: true,
     containerClasses: 'displayBlock',
     dynamicTitleMaxItems: 3,
     displayAllSelectedText: true
  ;

显示文字：

myTexts: IMultiSelectTexts = 
    checkAll: 'Select all',
    uncheckAll: 'Unselect all',

html：

<ss-multiselect-dropdown [(ngModel)]="optionsModel" [options]="myOptions" [texts]="myTexts" [settings]="mySettings" (ngModelChange)="onChange($event)"></ss-multiselect-dropdown>