时间戳

首页 > 解决方案 > 如何检查angular2下拉多选的所有选项

angular - 如何检查angular2下拉多选的所有选项

问题描述

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

标签： angularangular2-templateangular2-formsangular6

解决方案

尝试这个：

例子

设置：

 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>

推荐阅读