首页 > 编程知识 正文

angular rxjs,js文件引入外部js

时间:2023-05-03 20:30:25 阅读:60165 作者:2436

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文件中的代码

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。