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

在Angular中我们或许会用到部分外部插件的时候，像Bootstrap,Jquery这些当然我们可以通过Npm安装包的形式引入，但是还有一些其它的js库需要引入的话，我们又应该怎样操作呢?

在这里做一个简单的介绍，便于记录↓

1、将自己下载好的js包文件放入项目指定文件夹中

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

3、然后我们需要在 typings.d.ts文件中声明 下变量

 declare var Aliplayer: any; 

最后就可以使用了↓

  createAliplayer() {
    const self = this;
    let player = new Aliplayer({
      "id": "player-con",
      "source": self.videoUrl,
      "width": "100%",
      "height": "500px",
      "autoplay": true,
      "isLive": false,
      "rePlay": false,
      "playsinline": true,
      "preload": true,
      "controlBarVisibility": "hover",
      "useH5Prism": true
    }, function (player) {
      console.log("The player is created");
    }
    );
  }