For Angular version 9.x.x and up
For this plugin to work you need to add two javascript libraries to your project
Add package to your project npm i -S ngx-selectx
(this will save package to your dependencies
in package.json
)
- Add declaration to [NgModule]
import { Select2Module } from 'ngx-selectx';
@NgModule({
imports: [
....,
Select2Module
],
...
})
- Add it to your [template].
You need to define at least
data
as@Input
.
<select2 [data]="exampleData"></select2>
-
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 isfalse
-
width
string
: Set width for the input, default value isresolve
-
disabled
boolean
: Disable select2, default value isfalse
-
options
Select2Options
: Set options for select 2, [all available options]
-
valueChanged
string
: Emitted when value changes in select 2 drop down