angular中ts调用js的代码

1、在src文件夹下新建文件夹 utils；
2、在utils下新建文件 common.js,如：
var common = {
　　showInfo: function(name, age){
　　　　// 在控制台上打印出来
　　　　console.log(name);
　　　　console.log(age);
　　}
}

3、 同时在utils下也新建对应的文件 common.d.ts,如：
declare let common: {
　　showInfo: (name: string, age: string) => void;
};
tips: 参数中的类型需要对应写上，具体语法可以参照TypeScript ；https://www.tslang.cn/docs/handbook/basic-types.html
4、在.angular-cli.json中的scripts处添加common.js 所在的位置，如：
"scripts": [
"src/utils/common.js"
],
5、在需要调用的页面进行调用 common.showInfo("yang", "18");

另一个实例，使用zrender：
1.安装
npm install zrender
2.配置：
"scripts": [
"src/utils/common.js",
"node_modules/zrender/dist/zrender.min.js"
]
就是把zrender.min.js包含到这里。第一步也可以改成下载，然后只要能找到这个文件即可。
3.新生成一个文件common.d.ts，什么名字都行，但是得以.d.ts为结尾。填上：
declare let zrender:any; //这样可以在ts文件中使用zrender了。
4.使用：
html：
<div id="main" style="height: 300px;width: 300px;"></div>
ts：
circle: any = null;

const kk = zrender.init(document.getElementById('main'));
this.circle = new zrender.Circle({
shape: {
cx: 150,
cy: 50,
r: 40
},
style: {
fill: 'none',
stroke: '#F00'
}
});
kk.add(this.circle);