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

【问题标题】：How to do checkAll options for angular2 dropdown multiselect如何检查 Angular 2 下拉多选的所有选项
【发布时间】：2018-12-27 20:38:33
【问题描述】：

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

【问题讨论】：

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

标签： angular angular2-template angular2-forms angular6

【解决方案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>

【讨论】：