Javascript 如何将JS文件包含到Angular中的组件

我有很多组件，我希望每个组件都包含js文件。我必须使用第三方js文件，这个js文件是特定于任何组件的。我的意思是，这些js文件不是全局的，它们是特定于组件的。所以，我想在组件中包含一个js文件

如何将js文件包含到组件中

index.html项目中的主html post.component.html组件html user.component.html组件html 我无法使用*.component.html中的标记添加js文件

---

Angular不同意这种用法。

在Angular组件中包含jQuery会导致痛苦，但如果你真的决定走这条路，你可以在组件的TypeScipt文件中执行，而不是在模板中

首先，您需要将jQuery安装到应用程序中

npm install jquery --save

在angular-cli.json中添加：

],
"scripts": ["../node_modules/jquery/dist/jquery.min.js"],

现在在app.component.ts中，您需要导入jQuery：

import * as $ from "jquery"

现在您可以在init上编写jQuery了

ngOnInit() {
  $...add your code here...
}

---

无法在模板中添加外部文件

您可以将它们添加到index.html或angular-cli.json中的脚本内部

---

理想情况下，如果可能，您不应该包括整个脚本，而应该使用节点模块，并根据需要将它们导入到您正在使用的相应组件ts中。你不应该注射JS文件。寻找NPM包。如果它不在那里，很可能是一个旧的库，你正在尝试使用它。这就是angular的工作原理。这方面我是新手。理解。非常感谢你。当我需要第三方js插件时，我每次都要下载它的npm包，对吗？谢谢，@Patricio Vargascorrect。每次您需要第三方库时，请查找npm包。

],
"scripts": ["../node_modules/jquery/dist/jquery.min.js"],

import * as $ from "jquery"

ngOnInit() {
  $...add your code here...
}