Version:

Install ​

shell
npm i @mate-angular/combo-box

Import ​

typescript
import { MateComboBoxComponent } from '@mate-angular/combo-box';

Variants ​

Default ​

html
<mate-combo-box-ng
  label="Select an option"
  [items]="items"
  itemLabelPath="label"
  itemValuePath="value"
  (valueChanged)="onValueChanged($event)">
</mate-combo-box-ng>

With custom renderer ​

html
<mate-combo-box-ng label="Custom items" [items]="items">
  <ng-template let-item let-index="index">
    <b>{{ item.label }}</b> - {{ item.description }}
  </ng-template>
</mate-combo-box-ng>