如何在Angular 6中注入/集成第三方库？
如何在Angular 6中注入/集成第三方库？
提问于 2018-10-15 18:45:30
有些库是Angular不支持的，比如Clappr，HashWords等。我想在Angular中使用它们，就像它们是一个Angular库一样。那么我们如何让Angular支持外部库/模块呢？
回答 5
Stack Overflow用户
发布于 2018-10-18 04:31:50
在index.html中添加库文件。通过在组件类外部声明如下declare var Clappr: any;，可以在组件中使用由库公开的变量。
Stack Overflow用户
发布于 2018-10-26 23:39:52
如果库有一个ES6模块，你可以直接导入它。
如果库只是一个JS文件，则可以在index.html上使用<script>标记添加该文件，方法是在angular.json中的脚本数组上添加js文件路径
这里有一个指南可以帮助你做到这一点。
https://nitayneeman.com/posts/how-to-add-third-party-library-in-angular-cli/
如果你不喜欢第三方库作为全局变量，你可以把它们变成inyectable。
这里也有一个指南：
https://hackernoon.com/angular-providers-how-to-inject-3rd-party-library-af4a78722864
Stack Overflow用户
发布于 2020-07-10 05:03:42
下面是我如何在我的Angular 9项目中安装：
进入angular.json的
npm install clappr- Add clappr
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"scripts": [
"node_modules/clappr/dist/clappr.min.js"
],
"styles": [
"./src/styles.css"
]
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"scripts": [
"node_modules/clappr/dist/clappr.min.js"
],
"styles": [
"./src/styles.css"
]
}
}- 创建文件
index.d.ts并将clappr声明为：
declare module 'clappr';- 将其导入到component.ts文件：
import * as Clappr from 'clappr';页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52814961
复制相关文章
相似问题
腾讯云开发者
