使用外部 JS 库 Angular 2

Question

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

有没有简单的方法来使用js来实现简单的拖放功能？我尝试使用以下方式添加安装：

npm i dropzone --save

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

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;

Using an External JS Library Angular 2