Angular2 相当于 $document.ready()

Question

我希望这是一个简单的问题。

我想在 $document.ready() 的 Angular2 等价物被触发时运行脚本。实现这一目标的最佳方法是什么？

我试过将脚本放在 index.html 的末尾，但我发现，这是行不通的!我认为它必须进入某种组件声明？

是否可以从 .js 文件运行加载脚本？

编辑 - 代码:

我已将以下 js 和 css 插件注入(inject)到我的应用程序中(来自 Foundry html theme)。

    <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

如前所述，scripts.js 会“实例化”整个过程，因此需要在 Angular 准备就绪后运行。 script.js

成功了:

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
    }

Answer 1

复制 Chris 的答案:

成功了:

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
    }