ngx select2

ngx-select2

SELECT2 компонент для угловой

Использование

• Добавить jQuery и Select2 lib

 < link href =" https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css " rel =" stylesheet " />
< script src =" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js " > </ script >
< script src =" https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js " > </ script >

• Установите ngx-select2

npm i ngx-select2

• Используйте компонент SELECT2

 import { LSelect2Module } from 'ngx-select2' ;

@ NgModule ( {
  declarations : [
    AppComponent
  ] ,
  imports : [
    BrowserModule ,
    FormsModule ,
    LSelect2Module
  ] ,
  providers : [ ] ,
  bootstrap : [ AppComponent ]
} )
export class AppModule { } 

 < l-select2 [(ngModel)] =" selected " [data] =" data " [options] =" options " [disabled] =" false " (valueChange) =" valueChange($event) " > </ l-select2 >

Параметры

• Данные: SELECT2 DATA для SELECT
• Параметры: SELECT2 Параметры
• Отключено: отключить компонент select2
• ValueChange: output . Огонь при изменении стоимости, так же, как ngModelChange

Изменение

• 0.2.0 : добавить valueChange , поддержка Angular 6
• 0.3.0 : Поддержка Angular 9