select2 in angular4(>=2.0-release)
npm install angular-select2-component cmd
// npm install
npm install angular-select2-component --save
// if you have not installed jquery
npm install jquery --save
`
$3
1. Import component.
` javascript
// import NgModule
import {NgModule} from '@angular/core';
// import Select2Component
import {Select2Component} from 'angular-select2-component';
@NgModule({
// ...
// declare components
declarations: [Select2Component]
})
export class YourModule {
}
`
2. Template.
` html
`
3. Compile settings.
If you have set the include or exclude option in your tsconfig.json, you need to include the node_modules/angular-select2-component/index.ts file.
` json
// tsconfig.json
{
"include": [
"node_modules/angular-select2-component/index.ts"
]
}
`
$3
- options: option[]
- select options for select2
- option: {id: value, text: key} or string
- ngModel: option value that is selected
- id or string while multiple is disable
- id[] or string[] while multiple is enable
- onSelect
- callback when option selected
- parmas: option({id: value, text: key, selected: ifSelected} or string)
- settings
- configurable settings, see Select2 options API
- setting: { settingOption: value, settingOption: value }`