]>
Commit | Line | Data |
---|---|---|
52c4976f C |
1 | <ng-select |
2 | [items]="availableItems" | |
3 | [(ngModel)]="selectedItems" | |
4 | (ngModelChange)="onModelChange()" | |
857961f0 | 5 | [placeholder]="placeholder" |
52c4976f C |
6 | [clearable]="true" |
7 | [multiple]="true" | |
8 | [searchable]="true" | |
9 | [closeOnSelect]="false" | |
8d8a037e | 10 | [disabled]="disabled" |
52c4976f C |
11 | |
12 | bindValue="id" | |
13 | bindLabel="label" | |
14 | ||
15 | notFoundText="No items found" i18n-notFoundText | |
16 | ||
17 | [selectableGroup]="selectableGroup" | |
18 | [selectableGroupAsModel]="selectableGroupAsModel" | |
19 | ||
20 | groupBy="group" | |
21 | [compareWith]="compareFn" | |
52c4976f C |
22 | > |
23 | ||
24 | <ng-template ng-optgroup-tmp let-item="item" let-item$="item$" let-index="index"> | |
25 | <div class="form-group-checkbox"> | |
26 | <input id="item-{{index}}" type="checkbox" [ngModel]="item$.selected"/> | |
27 | <span role="checkbox" [attr.aria-checked]="item$.selected"></span> | |
28 | <span>{{ item.group }}</span> | |
29 | </div> | |
30 | </ng-template> | |
31 | ||
32 | <ng-template ng-option-tmp let-item="item" let-item$="item$" let-index="index"> | |
33 | <div class="form-group-checkbox"> | |
34 | <input id="item-{{index}}" type="checkbox" [ngModel]="item$.selected"/> | |
35 | <span role="checkbox" [attr.aria-checked]="item$.selected"></span> | |
36 | <span>{{ item.label }}</span> | |
37 | </div> | |
38 | </ng-template> | |
39 | ||
40 | </ng-select> |