angular在ts中使用第三方js
2020-07-13 05:40
295 查看
第一步,把js文件放到assets目录下
第二部,在当前组件的ts中使用函数添加js
ngAfterViewInit() { const userFunctionJS: any = '../../../content/broadcast/js/imageflow.js'; this.loadScript(userFunctionJS); } private loadScript(scriptUrl: string) { return new Promise((resolve, reject) => { console.log('loadScript:' + scriptUrl); const scriptElement = document.createElement('script'); scriptElement.src = scriptUrl; scriptElement.onload = resolve; document.body.appendChild(scriptElement); }); }
其他方法
本来的方法应该是:
a:在assets中添加js文件;
b:在tsconfig.json,属性compilerOptions,添加 “allowJs”: true
c:angular.json文件,在scripts中配置js文件路径
d:src目录下新建文件typing.d.ts,并写入:declare var RSAUtils: any;
然而我没有使用这种方法,是因为我没写出来,用函数添加j的方法我就可以,哈哈
相关文章推荐
- 在 Angular 2 Component 中使用第三方 JS 库
- angular2中使用第三方js库的实例
- 使用第三方CDN加速服务加载js/css
- node.js 第三方模块如何安装(使用npm)及介绍
- AngularJs & JQuery 结合使用存在的问题 之 input hidden 问题解决方案
- 使用angular.js开发的一个简易todo demo
- Atitit.angular.js 使用最佳实践 原理与常见问题解决与列表显示案例 attilax总结
- Angular.js回顾ng-app和ng-model使用技巧
- Angular.js中使用$watch监听模型变化
- 使用Angular.js建立页面级CRUD
- angularjs ngRoute的使用简单例子
- ANGULAR JS WATCH监听使用
- 在Angular.js使用组合+依赖注入而不是继承
- jquery-file-upload angularjs下使用简介
- 关于angularJS radio的使用
- 08、一步一步学thinkjs之实现提供一个 API 供第三方使用
- AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
- AngularJS ng-repeat下使用ng-model 转
- 使用 angularjs router 做单页应用
- AngularJS ng-repeat下使用ng-model