Angular File Upload, jCrop, and Rotate

Question

I am using this angular file uploader directive (with modifications):http://nervgh.github.io/pages/angular-file-upload/examples/image-preview/.

I was able to get the source and redraw the image so it is larger. One of my requirements is that user should be able to crop and rotate that image.

I planned on using jCrop, but I am unable to get it to work and am at a loss. The jcrop-holder appears in the HTML, but it has width and height of 0.

My code is here: http://plnkr.co/edit/bC3g58ZdTGGJeoueipnQ?p=preview

Would anyone have any suggestions on what I could do to make it work?

Answer 1

My colleague solved my problem and I hope this will help others!

https://github.com/LukeMason/angular-img-editor