Angular中引入外部js的使用方式

在Angular中我們或許會用到部分外部插件的時候，像Bootstrap,Jquery這些當然我們可以通過Npm安裝包的形式引入，但是還有一些其它的js庫需要引入的話，我們又應該怎樣操作呢?

在這里做一個簡單的介紹，便於記錄↓

1、將自己下載好的js包文件放入項目指定文件夾中

2、然后在Angular.json中引入相關js文件

3、然后我們需要在 typings.d.ts文件中聲明 下變量

 declare var Aliplayer: any; 

最后就可以使用了↓

 createAliplayer() {  2     const self = this;  3     let player = new Aliplayer({  4       "id": "player-con",  5       "source": self.videoUrl,  6       "width": "100%",  7       "height": "500px",  8       "autoplay": true,  9       "isLive": false, 10       "rePlay": false, 11       "playsinline": true, 12       "preload": true, 13       "controlBarVisibility": "hover", 14       "useH5Prism": true
 }, function (player) { 16       console.log("The player is created"); 17  } 18  ); 19   }