Javascript 角度-通过内部导航上的CDN加载外部脚本

我正试图通过加载

在索引页面的顶部，并在我的web应用程序的组件上使用它。 这个问题可能不是特定于砖石结构的，一般的问题是标题中包含的脚本没有加载到内部导航上

我选择在HTML中初始化砖石结构。使用内部导航访问页面时会出现问题。如果我将页面重新加载到正确的URL，脚本将完成它的工作并创建所需的布局。但是，当在RouterLink中导航时，脚本不会加载，或者其他错误导致脚本无法应用

以下是刷新页面时正确加载的图片：

以及在内部导航到页面时出现的一个错误加载：

页面的HTML：

<div class="grid" data-masonry='{ "itemSelector": ".grid-item", "columnWidth": 5 }'>
  <div *ngFor="let card_text of card_array" class="grid-item">
    <div class="cardTop">
      <img src="/static/images/ordercards/greenOrderIcon.svg">
      <div class="orderId">
        Order # Some number
      </div>
    </div>
    <div class="cardMain">
      {{ card_text }}
    </div>
    <div class="cardBot">
      <a routerLink="/orders"> Learn More ></a>
    </div>
  </div>
</div>

订购一些号码
{{card_text}}
了解更多信息>

在index.html中，包含了顶部提到的脚本

---

关于如何在每次页面被内部导航到时加载脚本的任何想法？

如果在内部导航过程中，您正在调用任何组件并且在其中编写了任何逻辑，那么您也需要将该脚本导入该组件

我使用了许多外部脚本，我的项目运行良好

下面是可能需要导入脚本的代码行示例

import * as utility from 'assets/js/core/utility.js';  

---

这也将在组件中加载脚本。

如果在内部导航过程中，您正在调用任何组件，并且在其中编写了任何逻辑，那么您还需要将该脚本导入该组件

我使用了许多外部脚本，我的项目运行良好

下面是可能需要导入脚本的代码行示例

import * as utility from 'assets/js/core/utility.js';  

---

这也将在组件中加载脚本。

在加载mansory js之前，您的angular脚本可能正在运行。

---

尝试使用load script或load js script加载库，这将向您保证加载完成后，您将执行mansory布局构造函数。

在加载mansory js之前，您的angular脚本可能正在运行。

---

尝试使用load script或load js script加载库，这将为您提供加载完成时的承诺，然后您将执行ManStory布局构造函数。

我特别建议您在加载所有其他页面项时加载Massary布局脚本。这意味着您应该将其添加到索引页面的底部。

我特别建议您在加载所有其他页面项目后加载Mashesis布局脚本。这意味着您应该将其添加到索引页的底部。

简单说明一下，我下载了该文件，而不是通过索引页上的-标记使用它，然后在组件中从文件位置导入它？只是确保我没有在组件中的任何地方调用脚本。只是简单说明一下，我下载文件，而不是通过索引页上的-标记使用它，然后在组件中从文件位置导入它？只是确保我没有在组件中的任何地方调用脚本。按照您指定的组件动态加载脚本，解决了这个问题！按照您指定的组件动态加载解决了这个问题！