您的位置:首页 > Web前端 > AngularJS

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的方法我就可以,哈哈

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: