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

Question

我正在尝试在 Angular 2 中使用metronic主题。

Theme 有一些全局样式表和所有 HTML 页面所需的 Javascripts 文件。 所以，我将所有这些都包含在我的 index.html 中。

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

Angular 2 有组件的概念。 因此，举例来说，HTML登录页面的通过具有LoginComponent呈现styleURL ，在那里我可以指定所需的登录页面样式表。 但是如何为该特定页面指定脚本？

我尝试使用这种方法，但它没有做任何事情。

Answer 1

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

Answer 2

试试下面的代码

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