代码之家 › 专栏 › 技术社区 › Mohamed Sahir

如何对angular2下拉列表multiselect执行checkAll选项

angular6 angular2-forms angular2-template angular

0

Mohamed Sahir · 技术社区 · 7 年前

我使用这个库的多选选项,我有复选框在这里,需要选择所有的复选框,而用户点击全选复选框,如何做到这一点,任何一个实现之前。 https://github.com/softsimon/angular-2-dropdown-multiselect

1 回复 | 直到 7 年前

1

0

Akj 7 年前

试试这个:

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>