angularjs – 如何添加Angular $http事件侦听器

我目前正在使用角度指令上传文件…

var fd = new FormData();
fd.append("uploadedFile",scope.uploadedFile);

var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress",uploadProgress,false);
xhr.addEventListenter("load",uploadComplete,false);
xhr.addEventListenter("error",uploadFailed,false);
xhr.addEventListenter("abort",uploadCanceled,false);
xhr.open("POST",scope.postUrl);
scope.uploadInProgress = true;
xhr.send(fd);

function uploadProgress(e){
  scope.$apply(function(){
    if(e.lengthComputable){
      scope.progress = Math.round(e.loaded * 100 / e.total);
    } else {
      scope.progress = 'unable to compute';
    }
  });
 }

 ...

可以使用$http提供程序重构此代码段吗？我无法弄清楚如何保持我的事件监听器.

解决方法

简短的回答：很快你就可以了,但还没有完全按照你的要求.

有一些选项正在讨论构建功能 – 暴露基础xhr对象,或允许为方法设置回调.

具体见https://github.com/angular/angular.js/issues/1934 – 目前进度事件不起作用.

在此期间,我建议您手动创建一个对象,并使用$apply更新您的范围,就像您一样.

有关如何使用服务来设置至少可以捕获的启动和停止事件的更多详细信息,请参阅此问题 – 但在进度上没有运气.

AngularJS: need to fire event every time an ajax call is started