1.0.7 • Published 5 years ago
ng6-combobox v1.0.7
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>