如何在Angular中包含外部JavaScript文件？

Question

我一直在使用Angular，我试图包含一个外部.js文件，但Angular一直在忽略它。我尝试将文件包含在<header>。

中

我尝试使用组件

中的styleUrl来包含它

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  stylesUrl: ['/js/bootstrap.min.js']
})

但似乎没有任何效果。

我该怎么做？

Answer 1

在script文件（或等效文件）中添加index.html标记，并将src设置为JavaScript文件。然后，当请求页面时，它将包含该文件。如果需要调用特定的引导方法，则需要使用模块导入在组件内导入库，以便在TypeScript代码中引用它。

Answer 2

你的问题是针对Angular 2的，而stylesUrl是针对css而不是js。

根据依赖性的不同，在Angular 2中连接依赖关系以不同的方式完成。可以通过扩展类，注入依赖项或在不错的情况下添加注释来连接依赖项。在非常好的情况下，可能需要黑客攻击。这是the official documentation on dependency injection。

看起来你特别关心Bootstrap。这是how you can inject Bootstrap into an ng2 component。

Answer 3

在styleUrl上，您应该包括样式文件。 而且，您可以在angular.json（来自Angular 6+）或angular-cli.json（在Angular 6之前）上包含外部javascript或css文件。

或者简单地说，您可以将它们包括在index.html上。