복붙노트

[ANGULAR] ANGLUR 2 렌더링 후 jQuery 호출 - API를 소비 한 후

ANGULAR

ANGLUR 2 렌더링 후 jQuery 호출 - API를 소비 한 후

해결법


  1. 1.이것은 당신을 위해 일해야합니다 :

    이것은 당신을 위해 일해야합니다 :

    @ViewChild('select') selectRef: ElementRef;
    constructor(private myService: MyService, private ngZone: NgZone) {}
    
    ngOnInit() {
      this.myService.getAll().subscribe(data => {
        this.options = data;
        // waiting until select options are rendered
        this.ngZone.onMicrotaskEmpty.first().subscribe(() => {
          $(this.selectRef.nativeElement).select2(); 
        });
      });
    }
    

    Plunker 예제

  2. from https://stackoverflow.com/questions/40938422/angular-2-calling-jquery-after-rendering-elements-after-consuming-api by cc-by-sa and MIT license