使用外部JS库Angular 2

时间:2016-11-02 02:34:42

标签: javascript angular typescript dropzone.js

我想在角度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

1 个答案:

答案 0 :(得分:2)

目前,将外部库包含在角度2项目中的最简单方法如下:

1)将其作为脚本标记包含在HTML文件中

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

2)要使用该库,您必须将以下内容添加到其中一个ts / js文件中:

declare var libraryVar: any;

var libraryVar

其中libraryVar是您所包含的库中函数的名称,例如,要包含jQuery,您可以使用:

declare let $:any;