Angular(Typescript)引用第三方js

Angualr中,要引用一些第三方库,比如jquery,比较正统的方式是通过npm下载,npm上的资源也确实比较丰富。不过毕竟npm也无法照顾到所有的开发需求,有些不算很热门的库在npm上还没有,就只能通过直接引用js和css来实现。

直接引用第三方js的方法,以bootstrap-datetimepicker这个库为例,整理如下,

1. 把js和css文件复制到src/assets目录下:

Angular(Typescript)引用第三方js_第1张图片 

2. 在配置文件(angular.json)中引用:

"styles": [
     "src/styles.css",
     "src/assets/bootstrap-datetimepicker.css"
],
"scripts": [
     "src/assets/bootstrap-datetimepicker.js",
     "src/assets/bootstrap-datetimepicker.zh-CN.js"
]

重启node, 问题解决。

Angular(Typescript)引用第三方js_第2张图片

你可能感兴趣的:(web开发)