使用外部JS库Angular 2

Question

我想在angular 2项目中使用简单的示例dropzone js： http : //www.dropzonejs.com/examples/simple.html

有没有一种简单的方法可以将js用于简单的拖放功能？ 我尝试使用以下方式添加安装：

npm i dropzone --save

并从index.html中的node_modules引用脚本，但似乎不起作用。

Plunkr： http ：//plnkr.co/edit/Gk2xtoH1FhOe6hko6z8K？p = preview

Answer 1

当前，将外部库包含到angular 2项目中的最简单方法如下：

1）将其作为脚本标签包含在HTML文件中

<script src="js/your-library.js"></script>

2）要使用该库，必须将以下内容添加到ts / js文件之一：

declare var libraryVar: any;

要么

var libraryVar

其中libraryVar是要包含的库中函数的名称，例如，要包含jQuery，可以使用：

declare let $:any;