Angular 2 ejecutar script después de renderizar la plantilla

Así que tengo este componente deslizante que utiliza materializecss javascript. Así que después de renderizado, necesito ejecutar

$(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')
        });
    });
});

Pero no sé muy bien dónde poner esta línea ya que typescript/angular remove script tag en las plantillas. He incluido jQuery en los archivos ts y esperaba usar el sistema de eventos, pero eso no parece funcionar. Alguna idea? Aquí está el código del archivo ts:

/// <reference path="../../typings/main.d.ts" />
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');
    }
}