34 lines
1.3 KiB
HTML
34 lines
1.3 KiB
HTML
<h2>Single Select Demo | ngModel | option template</h2>
|
|
<ps-ng-select [dataSource]="merchantDataSource" bindLabel="name" bindValue="id" [(ngModel)]="myValue">
|
|
<div *psNgSelectOption="let item">
|
|
{{ item.name }} - {{ item.address }}
|
|
</div>
|
|
</ps-ng-select>
|
|
|
|
selected: {{ myValue | json }}
|
|
|
|
<h2>Single Select With Form | formGroup | option template</h2>
|
|
<form #form [formGroup]="myForm">
|
|
<ps-ng-select [dataSource]="merchantDataSource2" bindLabel="name" bindValue="id" formControlName="merchantId" [serverFiltering]="true">
|
|
<div *psNgSelectOption="let item">
|
|
{{ item.name }} - {{ item.address }}
|
|
</div>
|
|
</ps-ng-select>
|
|
</form>
|
|
|
|
selected: {{ myForm.value | json }}
|
|
|
|
<h2>Single Select Demo | label Template</h2>
|
|
<ps-ng-select [dataSource]="merchantDataSource3" bindLabel="name" bindValue="id" [(ngModel)]="myValue3" [serverFiltering]="true">
|
|
<div *psNgSelectLabel="let item">
|
|
<img src="assets/32x32-blue.png"><span>Name: </span>{{ item.name }} - <span> Address: </span>{{item.address }}
|
|
</div>
|
|
</ps-ng-select>
|
|
|
|
<h2>Multi-Select Demo</h2>
|
|
<ps-ng-multi-select [dataSource]="merchantDataSource4" bindLabel="name" bindValue="id" [serverFiltering]="true" [(ngModel)]="myValue4" >
|
|
|
|
</ps-ng-multi-select>
|
|
selected: {{ myValue | json }}
|
|
|