dropzone.js 在 AngularJS 部分视图中不起作用

Question

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

请找到我尝试过的场景

我已经包括

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

在部分视图中，同时执行浏览器标记本身的页面从 DOM 中删除。

当我将其包含在索引.html页面中时，它工作正常。请让我知道如何在angularjs部分视图中使dropzone工作。

Answer 1

我遇到了同样的问题。对于复制，拖放区选择器new Dropzone('#selector')在默认模板上无法正常工作。选择器在异步时失败。加载的视图。有一个简单的解决方法。表单上的 Init 拖放区将强制正确呈现拖放区模板。

视图

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

JavaScript

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

Answer 2

你提到你包括：

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

问题可能只是您在另一个表单中"包含"了上述表单。