]>
Commit | Line | Data |
---|---|---|
1 | <ng-select | |
2 | [items]="availableItems" | |
3 | [(ngModel)]="selectedItems" | |
4 | (ngModelChange)="onModelChange()" | |
5 | [placeholder]="placeholder" | |
6 | [clearable]="true" | |
7 | [multiple]="true" | |
8 | [searchable]="true" | |
9 | [closeOnSelect]="false" | |
10 | [disabled]="disabled" | |
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" | |
22 | > | |
23 | ||
24 | <ng-template ng-optgroup-tmp let-item="item" let-item$="item$" let-index="index"> | |
25 | <div class="checkbox-wrapper"> | |
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="checkbox-wrapper"> | |
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> |