javascript - 使用外部 JS 库 Angular 2

Question

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

有没有一种简单的方法可以使用js来实现简单的拖放功能？我尝试添加安装使用:

npm i dropzone --save

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

普朗克: 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;