/ng6-combobox

A simple combobox component built on Angular 6 and Bootstrap 4

Primary LanguageTypeScriptMIT LicenseMIT

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>