Angular2 equivalente a $ document.ready ()

Pregunta simple, espero.

Quiero ejecutar un script cuando se activa el equivalente Angular2 de $ document.ready (). ¿Cuál es la mejor manera de lograr esto?

Intenté poner el guión al final index.html, pero descubrí que esto no funciona. ¿Supongo que tiene que ir en algún tipo de declaración de componente?

¿Es posible ejecutar la carga del script desde un .jsarchivo?

EDITAR - Código:

Tengo los siguientes complementos js y css inyectados en mi aplicación (del tema html de Foundry ).

    <link href="css/themify-icons.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    ...


    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/flexslider.min.js"></script>
    ...
    <script src="js/scripts.js"></script> //This initiates all the plugins

Como se señaló, scripts.js 'crea una instancia' de todo y, por lo tanto, debe ejecutarse después de que Angular esté listo. script.js

Lo tengo funcionando:

import {Component, AfterViewInit} from 'angular2/core';

@Component({
  selector: 'home',
  templateUrl: './components/home/home.html'
})
export class HomeCmp implements AfterViewInit {


    ngAfterViewInit() {
       //Copy in all the js code from the script.js. Typescript will complain but it works just fine
    }

Puede disparar un evento usted mismo en ngOnInit()su componente raíz Angular y luego escuchar este evento fuera de Angular.

Este es el código Dart (no sé TypeScript) pero no debería ser difícil de traducir

@Component(selector: 'app-element')
@View(
    templateUrl: 'app_element.html',
)
class AppElement implements OnInit {
  ElementRef elementRef;
  AppElement(this.elementRef);

  void ngOnInit() {
    DOM.dispatchEvent(elementRef.nativeElement, new CustomEvent('angular-ready'));
  }
}

Copiando la respuesta de Chris:

Lo tengo funcionando:

import {AfterViewInit} from 'angular2/core';    

export class HomeCmp implements AfterViewInit {    

    ngAfterViewInit() {
       //Copy in all the js code from the script.js. Typescript will complain but it works just fine
    }

Fui con esta solución para no tener que incluir mi código js personalizado dentro del componente que no sea la función jQuery $ .getScript .

Nota: depende de jQuery. Por lo tanto, necesitará mecanografiar jQuery y jQuery.

Descubrí que esta es una buena manera de sortear los archivos js personalizados o de proveedores que no tienen mecanografía disponible de esa manera, TypeScript no te grita cuando inicias tu aplicación.

import { Component,AfterViewInit} from '@angular/core'

@Component({
  selector: 'ssContent',
  templateUrl: 'app/content/content.html',
})
export class ContentComponent implements AfterViewInit  {

  ngAfterViewInit(){
    $.getScript('../js/myjsfile.js');
  }
}

Actualización En realidad, en mi escenario, el evento del ciclo de vida OnInit funcionó mejor porque impidió que el script se cargara después de que se cargaran las vistas, que fue el caso de ngAfterViewInit, y eso hace que la vista muestre posiciones incorrectas de los elementos antes de cargar el script.

ngOnInit() {
    $.getScript('../js/mimity.js');
  }

Para usar jQuery dentro de Angular solo declare $ como sigue: declare var $: any;

la respuesta aceptada no es correcta, y no tiene sentido aceptarla considerando la pregunta

ngAfterViewInit se activará cuando el DOM esté listo

whine ngOnInit se activará cuando el componente de la página esté empezando a crearse

En su archivo main.ts , arranque después de DOMContentLoaded, por lo que angular se cargará cuando DOM esté completamente cargado.

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}



document.addEventListener('DOMContentLoaded', () => {
  platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.log(err));
});