如何等待Angular2中的angular-cli脚本加载完成

Question

我有一个Angular2应用程序，它通过angular-cli软件包的脚本配置指令使用Materialize-CSS：

  "scripts": [
    "../node_modules/jquery/dist/jquery.js",
    "../node_modules/materialize-css/dist/js/materialize.js",
    "../node_modules/card/dist/card.js",
    "../node_modules/toastr/toastr.js"
  ],

该应用程序的初始页面包含一个轮播。

在materialize / jQuery javascript代码内部，轮播的初始化在初始应用程序加载时间歇性地失败，我遇到了问题。

我将.carousel()调用放在代码中的时间越晚，失败的.carousel()就越小。

但即使这样做：

ngAfterViewInit() {
    setTimeout( () => { $('.carousel').carousel({full_width: 1}) }, 0);
}

有时仍然失败。 如果超时时间较长，我可以使其完全不失败，但是感觉很笨拙。

有什么方法可以使组件视图依赖于完全初始化的脚本？

Answer 1

我不确定我是否明白您的意思：您要在angular应用完成初始化后触发一些功能（在angular应用之外）。

您可以查看帖子 。 简介是，您可以在初始化后在angular app中触发一些文档事件，并监听此事件并执行所需的工作。