ngx-selectx

Angular wrapper for Select2 (ngx-selectx)

For Angular version 9.x.x and up

Prerequisites

For this plugin to work you need to add two javascript libraries to your project

• Jquery
• Select2

Installation

Add package to your project npm i -S ngx-selectx (this will save package to your dependencies in package.json)

Basic implementation

1. Add declaration to [NgModule]

import { Select2Module } from 'ngx-selectx';

@NgModule({
  imports: [
    ....,
    Select2Module
  ],
  ...
})

1. Add it to your [template]. You need to define at least data as @Input.

<select2 [data]="exampleData"></select2>

Options

Inputs

• data Array<Select2OptionData>: Data used for generating select 2 - [inferface definition]
• value string: Default value for select 2
• cssImport boolean: Disable or enable default style for select 2, default value is false
• width string: Set width for the input, default value is resolve
• disabled boolean: Disable select2, default value is false
• options Select2Options: Set options for select 2, [all available options]

Outputs

• valueChanged string: Emitted when value changes in select 2 drop down