这个代码允许用户进行多项选择,选项根据性别分为两组 (男性和女性),选项就是一些人名,ng-template那块大概做的是给每个选项前加入选择框,用户如果选择女性,那么所有女性的用户名字都会被选择。如果大神知道怎么样让ng-select 拥有“选择全部”这一功能,可以说一下,然后就不必解释下列代码了。
下面的url 就是演示了一下这个代码是做什么的:
https://ng-select.github.io/ng-select#/multiselect-checkbox
<ng-select
[items]="people"
[multiple]="true"
bindLabel="name"
groupBy="gender"
[selectableGroup]="true"
[closeOnSelect]="false"
bindValue="id"
[(ngModel)]="selectedPeople">
<ng-template ng-optgroup-tmp let-item="item" let-item$="item$" let-index="index">
<input id="item-{{index}}" type="checkbox" [ngModel]="item$.selected" /> {{item.gender | uppercase}}
</ng-template>
<ng-template ng-option-tmp let-item="item" let-item$="item$" let-index="index">
<input id="item-{{index}}" type="checkbox" [ngModel]="item$.selected" /> {{item.name}}
</ng-template>
</ng-select>
相关分类