JSPM – ngx-select-dropdown@0.0.3

Package Exports

ngx-select-dropdown

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ngx-select-dropdown) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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.