javascript - dropzone.js 在 angularjs 局部 View 中不起作用

Question

Dropzone js是一个很棒的插件，用于拖放上传。我希望它在我的 angularjs 项目中实现。

请找出我试过的场景

我已经包含了

<form id="my-awesome-dropzone" action="/target" class="dropzone"></form>

在部分 View 中，在浏览器中执行页面时，标记本身已从 DOM 中移除。

当我将它包含在 index.html 页面中时，它工作正常。请让我知道如何在 angularjs 局部 View 中使 dropzone 工作。

Answer 1

我遇到了同样的问题。对于复制，dropzone 选择器 new Dropzone('#selector') 在默认模板上无法正常工作。选择器在异步时失败。加载 View 。有一个简单的解决方法。在表单上初始化 dropzone 将正确执行 dropzone 模板渲染。

查看

<form id="dropzone-form" class="dropzone"></form>

JavaScript

var myDropzone = new Dropzone('#dropzone-form', {
    url: "/file/post"
});