在AngularJS NG-视图中使用时悬浮窗变为无效(Dropzone becomes inact

我有经由其通过NG-视图传递和运行平稳的模板显示图像的控制器。 我也有悬浮窗和运行，工作顺利。 然而，当我加入悬浮窗到模板的悬浮窗不再有效。 它显示（区域无法点击，除非我手动添加DZ-点击，但依然什么都不做）。

我可以添加悬浮窗在NG-包括区域的上方，并有它时隐时现的模板别处找，但听说，NG-包括使用更多的处理器比NG-视图，宁愿让这一切在一起。

我看到，有一个悬浮窗angularjs指令，但没有设法与我的控制器被放置到NG-视图，或者甚至是成功的合并成功呢？

这里是指令：

(function(){

  angular.module('dropZone', [])
  .directive('dropZone', function() {

    return function(scope, element, attrs) {

      element.dropzone({ 
        url: "/upload",
        maxFilesize: 100,
        paramName: "uploadfile",
        maxThumbnailFilesize: 5,
        init: function() {
          scope.files.push({file: 'added'}); // here works
          this.on('success', function(file, json) {
          });

          this.on('addedfile', function(file) {
            scope.$apply(function(){
              alert(file);
              scope.files.push({file: 'added'});
            });
          });

          this.on('drop', function(file) {
            alert('file');
          });
        }
      });

    }
  });

}());

这里是我的电流控制器：

(function() {
    'use strict';

    angular
    .module('app')
    .controller('CustomController', CustomController);

    CustomController.$inject = ['api'];

    function CustomController(api) {
        var vm = this;

        api.getDesigns()
            .then(function(data) {
                vm.designs = data;
            });

    }

}());

Answer 1:

找到我自己的答案。 而不是添加硬编码到模板中的悬浮窗我刚编程方式添加使用控制器范围函数内的悬浮窗：

   var myDropzone = new Dropzone("div#myId", { url: "/file/post"});

文章来源: Dropzone becomes inactive when used in AngularJS ng-view