So I have this slider component that use materializecss javascript So after it s rendered I need to execute document ready function body on Slider-Loaded function console log EVENT SLIDER LOADED slider slider full width true slider hover function this slider pause function this slider start But I don t quite knows where to put this line since typescript angular remove script tag in templates I ve included JQuery in the ts files and was hoping to use the event system but that doesn t seems to work Any ideas Here s the code of the ts file lt reference path typings main d ts gt import Component Input from angular2 core import RouterLink from angular2 router import ServerService from server Component selector slider templateUrl app template slider html directives export class SliderComponent Input images private server ServerService public constructor server ServerService this server server ngOnInit console log THROWING EVENT body trigger Slider-Loaded

Angular 2 execute script after template render

The Solution to Angular 2 execute script after template render is

ngAfterViewInit() of AppComponent is a lifecycle callback Angular calls after the root component and it's children have been rendered and it should fit for your purpose.

~ Answered on 2016-03-23 17:07:58

Angular 2 execute script after template render

The Solution to Angular 2 execute script after template render is

Most Viewed Questions: