0.0.1 • Published 5 years ago
ng-select-list v0.0.1
Angular ng2-select-list. Quick, simple and understandable
Features
- Custom binding to property
- A bridge between the Angular forms API and a native element in the DOM
- Multiselect checkbox using material theme
- Flexible autocomplete
- Custom search
Installation
Install ng2-select-list
npm install --save ng-select-list
Import Ng2SelectListModule and FormsModule modules:
import { Ng2SelectListModule } from '@ng-select/ng-select';
import { FormsModule } from '@angular/forms';
@NgModule({
declarations: [AppComponent],
imports: [Ng2SelectListModule, FormsModule],
bootstrap: [AppComponent]
})
export class AppModule {}
API
Inputs
Input | Type | Default | Description |
---|---|---|---|
options | Array | [] | Items array. |
multiple | Boolean | false | Allows to select multiple items. |
placeholder | String | Choose item | Placeholder text. |
disabled | Boolean | false | Allows select list disable. |
isFilterOption | boolean | false | Allow to search for value. |
isAllSelect | booelan | false | Allows all option checked. |
filterPlaceholder | String | Search... | Search placeholder text. |
noResultMessage | String | No result! | Set custom text if items array empty. |
Outputs
Output | Description |
---|---|
selected | It works when selected an item. It returns item's value. |
filterInputChanged | It works when typed into search input. It returns user's search text as string. |
focus | It works on select focus. |
blur | It works on select blur. |
Inspiration
This component is inspired by ng-select. Check their amazing work and components. :)