在HTML中包含外部Javascript文件 - Angular 2

Question

我正在尝试将metronic主题与Angular 2一起使用。

主题包含所有HTML页面所需的全局样式表和Javascripts文件。所以，我在index.html中包含了所有这些内容。

但每个页面都有一些特定于特定HTML页面的额外Stylesheets / Javascript文件，并且需要正确呈现。

Angular 2具有组件的概念。因此，例如，登录页面的HTML通过具有document.querySelector('html').classList.add('myClassname')的LoginComponent呈现，其中我可以指定登录页面所需的样式表。但是如何为该特定页面指定脚本？

我尝试使用this method，但它没有做任何事情。

Answer 1

根据您的要求，有多种方法可以加载外部文件。如果你想拆分你的html，那么你应该考虑将它分解成不同的组件，甚至是嵌套在容器组件内的表示（哑）组件。在这种情况下，您只需在容器组件的html文件中包含带有子组件选择器的html标记。这也会将您的打字稿组件代码分解为较小的文件，因为每个文件都绑定到相应的组件。如果您只想从组件中移出一些逻辑，那么您可以考虑公开Angular服务的一些辅助函数，然后通过依赖注入在组件中使用该服务。

Answer 2

尝试以下代码

 declare var $: any
  ngOnInit() 
     {
        $.getScript('yourfilepath.js');
     }