• An Angular Library that provides a simple drop down list using virtualization (scrolling from angular sdk) and a scroll to entry as you type.
• This component provides easy search and selection on large data lists.
• It was developed using Angular 8.2.3
• npm i ng-qsdropdown
• import { NgQSDropdownModule } from 'ng-qsdropdown/ng-qsdropdown';
• selector: lib-ngQSDropdown
| Input | Type | Required | Description |
|---|---|---|---|
| items | Object [] | Yes | Object array and you must specify the property to be used for ID and Display in the list (identified below). |
| showDropDown | boolean | Optional, default: false | When input field has focus this is set to TRUE. Upon selections of an item in the field this is set to false. Use this to force the visibility of the drop down list. |
| itemDisplayPropertyName | string | Yes | Property to use for display in the item list drop down. |
| itemIdPropertyName | string | Yes | Unique identifier for the object like an Id within the array of objects. |
| Input | Type | Required | Description |
|---|---|---|---|
| itemSelect | object | YES | Emits selected item. |