Question

我有一个Angular2应用程序，它通过angular-cli包的脚本配置指令使用Materialise-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"
  ],

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

我在初始App加载时，在materialize / jQuery javascript代码中间歇性地初始化轮播时遇到问题。

后来我将.carousel()调用放入代码中，失败的次数越少。

但即使这样做了：

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

有时仍然失败。在很长的时间内，我可以让它完全没有失败，但感觉非常笨拙。

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

Answer 1

我不确定我是否理解了你的意思：你想在角度应用程序完成初始化后触发一些函数（在角应用程序之外）。

您可以查看the post。简单来说，您可以在初始化后在角应用程序中触发一些文档事件，并听取此事件并完成您想要的工作。

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

1 个答案: