Миграция загрузки файла JQuery в AngularJS

Question

Я переношу существующий проект на AngularJS и изо всех сил пытаюсь адаптировать рабочий код загрузки файла JQuery, который я написал в парадигме AngularJS.

Вот рабочий JQuery загрузки файлов кода я хочу мигрировать в угловом контроллер (в CoffeeScript):

$("#new_attachment").fileupload 
    url: '/api/v1/attachments' 
    dataType: 'json' 
    add: (e, data) -> 
     types = /(\.|\/)(gif|jpe?g|png|tif?f|pdf)$/i 
     file = data.files[0] 
     if types.test(file.type) || types.test(file.name) 
     data.context = $(tmpl("template-upload", file)) 
     $('#attachments').append(data.context) 
     data.submit() 
     else 
     alert("#{file.name} is not a format we currently support.") 
    progress: (e, data) -> 
     if data.context 
     progress = parseInt(data.loaded/data.total * 100, 10) 
     data.context.find('.meter').css('width', progress + '%') 
    done: (e, data) -> 
     $('#attachments').append $(tmpl("template-thumbnail", data.files[0])) 
     if data.context 
     data.context.hide() 
    fail: (e, data) -> 
     alert "Upload failed on one or more images." 

Помимо инъекционного модуль FileUpload в угловом приложение (angular.module('demo', ['blueimp.fileupload'])), я в значительной степени озадачены, как чтобы привести этот код в угловой контроллер.

Любые советы о том, как подойти к этому?

Answer 1

В конечном счете, было много замечательных уроков, которые я нашел на этом, но обнаружил, что сложность адаптации загрузки файла JQuery к потоку AngularJS не стоила усилий и обнаружила, что Angular File Upload предлагает ту же функциональность с дальним более простая реализация.

Вот хорошие ссылки я ссылки при попытке к Загрузить маршрут JQuery файла, если кто-то хочет, чтобы дать ему попробовать: http://code.xplorate.com/2013/05/angularjs-tutorial-4-file-upload-using.html#.VKbUyYrF_0r

Если кто-то имеет лучший ответ на вопрос, пожалуйста, напишите, и я сделаю это принятый ответ.