ngx-select-options

Easy to use Angular >= 2 module that replaces default HTML select input with more advended dropdown - combobox style. Features options search. Works perfectly with Angular ngModel directive.

How to install

Install package with npm

npm install ngx-select-options --save

Import in your module file:

import {NgxSelectOptions} from 'ngx-select-options'

And then include this module in import section in @NgModule

imports: [
    NgxSelectOptions,
    ...
]

How to use in code

Instead of default select input use code down below

<ngx-select-options placeholder="Select option" [(ngModel)]="valueModel" [options]="options" ngDefaultControl></ngx-select-options>

Parameter | Description --- | --- placeholder | Text displayed on dropdown button ngModel | Angular data binding options | Array of options in dropdown

Array options structure

Options data displayed on dropdown shoud have structure like this:

[
  {
    label: 'Option label',
    value: 123
    },
    {...}
]

Optional you can use also key value that defines selected value on dropdown button (instead of placeholder, when value is already selected).