gpt4 book ai didi

javascript - 路由到 Angular 应用程序中的另一个组件后不加载外部脚本

转载 作者:行者123 更新时间:2023-12-05 09:13:23 26 4
gpt4 key购买 nike

我的 Angular 7 应用程序上有一个导航栏。我还有一个自定义 javascript 文件,该文件在应用程序最初加载时加载。单击我的应用程序中的链接以路由到另一个组件后,外部 javascript 文件停止工作/不加载。当我单击链接以路由到不同的组件时,如何加载或保持加载此 javascript 文件?

我已将 javascript 文件正确添加到我的 angular.json 文件中,问题仍然存在。我已尝试将脚本加载到我的 index.html 文件中的脚本标记内,这也没有解决我的问题。

我已经通读了一些关于相同问题的较旧的 stackoverflow 线程,但似乎没有明确的答案或解决方案。

我希望我的自定义 js 文件在单击导航栏中的链接后加载其所有功能,该链接将我路由到另一个组件,但它不会加载任何功能。

最佳答案

当您更改路由时,您并不是在加载新页面,而是在替换同一页面的部分 DOM。它不会重新调用在初始页面加载时加载的 JS 文件。如果您想在路由更改时运行一些 JS,您可以在组件的生命周期处理程序(如 ngAfterInit)中调用它,或者您可以创建一个通用路由处理程序,在每次路由更改时调用它。

关于javascript - 路由到 Angular 应用程序中的另一个组件后不加载外部脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56386904/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com