Correct way to use libraries like jquery/jqueryui inside angular 2 component
Ideally you should wait till component content get initialized, in order to make the DOM available on which you wanted to apply jQuery
. For that you need to use AfterViewInit
which is one of hook of angular2 lifecycle.
You need to implement AfterViewInit
on a class and write add ngAfterViewInit
method to get notify whenever component content gets ready.
import { AfterViewInit } from 'angular2/core';
export class MyApp implements AfterViewInit {
constructor() {
}
ngAfterViewInit(){
//here you will have code where component content is ready.
$('.mydiv').hide();
}
}