ngx select2

ngx-select2

Angular의 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 >

옵션

• 데이터 : select에 대한 select2 init 데이터
• 옵션 : Select2 옵션
• 비활성화 : select2 구성 요소를 비활성화합니다
• ValueChange : output . ngModelChange 와 동일한 가치 변화에 대한 화재

changelog

• 0.2.0 : valueChange 추가하고 Angular 6 을지지하십시오
• 0.3.0 : 지원 Angular 9