angular在ts中引入js文件1、全局引用js文件2、本地引用js文件1 .将引入的js文件封装为函数并配置angular.json3。 调用要在相应ts中声明的4.js文件中的函数
一.全局引用js文件
直接在angular项目的index.html中引用即可。 此处引用的js可以在整个项目中使用,但只能在index.html中引用,不能直接在其他html页面中引用js
二、部分引用js文件1 .将导入的js文件封装为函数,这是使用echarts结构树图的js文件。 因为在ts文件中只能调用js文件中的函数,所以需要将结构树图的javascript代码封装为函数,直接在ts中调用就可以正常构建树图
2 .配置angular.json将希望本地引用的js文件添加到angular.json文件中的scripts中。 如果不在此ts中配置引用,则无法识别。 如果angular.JSON文件发生更改,则必须重新运行项目
3 .因为用相应的ts声明是用angular.json配置的,所以只需在ts中使用declare声明js文件中的函数,然后就可以直接使用了。 (这两个函数分别是结构树图和地图的函数。 )
4 .通过调用js文件中的函数(ngOnInit ) )声明的函数,可以正确执行js文件中的代码