title: Integrating Dropzone.js with angular
body: <p>I am working from some <a href="https://github.com/taufan/angular-dropzone" rel="nofollow">code</a> that integrated DropboxJS as an angular directive. I cannot get it to work. I've taken his fiddle and updated it with current CDN links. Any idea why the directive code never fires?  For ex if I drop an image it will go to /upload instead of /desiredupload and the event doesn't fire.</p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/cyberwombat/3tDqZ//1/" rel="nofollow">http://jsfiddle.net/cyberwombat/3tDqZ//1/</a></p>
  
  <pre><code>angular.module('dropZone', [])
  .directive('dropZone', function() {
    return function(scope, element, attrs) {
      element.dropzone({ 
          url: "/desiredupload",
          maxFilesize: 100,
          paramName: "uploadfile",
          maxThumbnailFilesize: 5,
          init: function() {
            this.on("addedfile", function(file) { 
             alert("Added file."); });
         }
      });
    }
  });
  
  angular.module('dropZone', [])
  .controller('dropZoneCtrl', function() {});
  </code></pre>
  
  <p>Additionally and unfortunately I cannot replicate in my fiddle - on my local code I get this error: Object [object Object] has no method 'dropzone'</p>
  
  <p>I am loading dropzone, then angular (tried the the other way) then my app, directives, etc.. so I don't think order is an issue. Dropzone successfully detects the form and makes it DnD but my directive element doesn't seem to have dropz</p>