ng6-combobox

A simple combobox component built for Angular 6 reactive forms and Bootstrap 4

Installation

npm install ng6-combobox

In your ngModule

import { Ng6Module } from 'ng6-combobox';

@NgModule({  
  imports: [    
    Ng6Module
})

Selector

ng6-combo-box

Inputs

| Attribute | Type | Description | | -------------- | ------------- | ---------------------------------------------------------------------------- | | data | Object[] | The data list of pre-defined options | | propertyName | string | The name of the property in the data array used to display in the dropdown | | buttonClass | string | The class to use for the button group (ex. 'fa fa-angle-down') | | placeholder | string | The input placeholder |

Outputs

| Attribute | Description | | -------------- | --------------------------------------------------------------------------------------------------- | | selectItem | Fires when an item is selected by mouse click. The payload is the value of the item selected | | textChange | Fires when text is manually entered by keystroke. The payload is the value of the text in the input |

<ng6-combo-box [data]="dataList"
               [propertyName]="'name'"
               formControlName="formControl"
               (selectItem)="onSelected($event)"
               (textChange)="onTextChange($event)"></ng6-combo-box>