Dropzone已经附加在Angular 2或Typescript

Question

我有一个Angular 2组件内的程序创建的Dropzone，我想附加到主体，所以我的整个网站是上传的“dropzone”。

每次组件实例化时，它都会尝试附加dropzone。

this.dropzone = new Dropzone('body', this.createOptions());

我第一次执行这样它的工作原理，但只要我再导航到组件我得到悬浮窗已经连接。错误。

当一个解决办法寻找我注意到使用Dropzone.autoDiscover = false

的选项，但尝试这个，当我得到打字稿的编译错误：赋值表达式的左边不能是一个常数或只读属性。

所以我的问题是：我怎么能从身体分离拖放区，并在必要时重新附加它？或者我应该如何着手实现这一功能？

我使用的分型@类型/悬浮窗从https://www.npmjs.com/package/@types/dropzone版本34年3月4日

感谢

Answer 1

我用ngx-dropzone-wrapper，你可以绑定您的悬浮窗这样

<div class="upload-area" 
    #dz=dz 
    [dropzone]="dzImageConfig" 
    (error)="onUploadError($event)" 
    (success)="onUploadSuccess($event)" 
    (sending)="onSending($event)" 
    (removedfile)="onRemovedFile($event)"> 

</div> 

你不应该必须绑定到一个变量使用这个库，但你可以。

Answer 2

Dropzone.instances有dropzone attatched实例。你可以检查它们。