一、在全局引用js文件
在angular项目的index.html中直接引用即可,这里引用的js是整个项目全局都可以使用的,但只有在index.html中才能引用,在其他的html页面直接引用js是不行的
二、在局部引用js文件
1.将引入的js文件封装成函数
这是一个使用echarts构造树图的js文件,因为在ts文件中只能调用js文件中的函数,所以需要将构造树图的javascript代码封装成一个函数,在ts中直接调用就可以成功构建树图
2.配置angular.json
在angular.json文件中的scripts中加入想要局部引用的js文件,如果不在这里配置ts中引用时将无法识别,angular.json文件更改后需要重新运行项目才会生效
3.在相应的ts中声明
因为在angular.json中配置过了,所以只需要在ts中使用declare对js文件中的函数进行声明,后面就可以直接使用了(这两个函数分别是构造树图和地图的函数)
4.调用js文件中的函数
在 ngOnInit()中调用我们声明的函数,就可以正常运行我们js文件中的代码了