javascript - 如何在 Angular 4 中加载特定路径的脚本

Question

我必须加载一个脚本来计算 Angular 4 中特定路线的分析。但对于其他路线，不应加载该脚本。

我尝试在 index.html 中添加脚本，但将为所有路由加载脚本。有什么解决方法吗？

下面是脚本

(function(a,b,c,d,e,f){
    a.hj=a.hj||function(){(a.hj.q=a.hj.q||[]).push(arguments)};
    a._hjSettings={hjid:xx,hjsv:xxx};
    e=b.getElementsByTagName('head')[0];
    f=b.createElement('script');f.async=1;
    f.src=t+a._hjSettings.hjid+d+a._hjSettings.hjsv;
    e.appendChild(f);
})(window,document,'https://xx.xx.com/c/xx-','.js?sv=');

Answer 1

如果您将它添加到 index.html 中，那么脚本将加载到 所有组件 中，这不是您的需要。因此，您可以尝试从要加载脚本的组件的 ts 文件 加载脚本。所以在ts文件中，你可以按如下方式进行。

System.import('https://xx.xx.com/c/xx-','.js?sv='); //or below one
require('https://xx.xx.com/c/xx-','.js?sv=');

引用:https://stackoverflow.com/a/41402204/10971575