title: Angular 2 execute script after template render
body: <p>So I have this slider component that use materializecss javascript. So after it's rendered, I need to execute</p>
  
  <pre><code>$(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')
          });
      });
  });
  </code></pre>
  
  <p>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:</p>
  
  <pre><code>/// &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');
      }
  }
  </code></pre>