如何等待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中觸發一些文檔事件，並監聽此事件並執行所需的工作。