ngx-select-dropdown

ngx-select-dropdown

ngx-select-dropdown Custom Dropdown component for Angular 2+ with multiple and single selection options

Examples

• demo-page

Installation

• npm install ngx-select-dropdown

Using with webpack and tsc builds/ angular-cli builds

• import SelectDropDownModule into your app.module;

import { SelectDropDownModule } from 'ngx-select-dropdown'

• add SelectDropDownModule to the imports of your NgModule:

@NgModule({
  imports: [
    ...,
    SelectDropDownModule
  ],
  ...
})
class YourModule { ... }

• include css styles in you angular-cli.json.

 "styles": [
        "../node_modules/ngx-select-dropdown/dist/assets/style.css"
      ],

• use <ng--select-dropdown></ng--select-dropdown> in your templates to add pagination in your view like below

<ngx-select-dropdown [multiple]="true" [(value)]="dataModel" [config]="config" [options]="dropdownOptions"></ngx-select-dropdown>

Config

Input

• multiple: boolean - true/false beased if multiple selection required or not Defaults to false.
• options: Array - Array of string/objects that are to be the dropdown options.
• value: any - the model variable in which you want to save the selected options.
• config: Object - configuration object.

config = {
        displayKey:"description" //if objects array passed which key to be displayed defaults to description
      }

Output

• value: any - array of selected options

Help Improve

Found a bug or an issue with this? Open a new issue here on GitHub.