How to run a jquery function in Angular 2 after every component finish loading : <p>I have tried all the life cycle hooks but can't get to accomplish the needed result. 
The result that I need is triggering a function that initialize many jquery plugins used for different elements on a single page after every single one of these elements (components) is loaded.</p>

<p>So lets say that you have this structure.</p>

<p>Home Page
  Slider
  Widgets
  Product rotators
  ..etc</p>

<p>Every one of these elements has it's own component and all are children of the Home page parent component.</p>

<p>And what I need here is to know when all the children components and the parent component is loaded so I trigger one jquery function to initialize every plugin on the page. </p>
