$ rootScope在http拦截器响应方法中未定义

Question

我有一个拦截器，我正在配置以加载ajax微调器。

interface IInterceptorScope extends angular.IRootScopeService { 
     loading: number; 
    } 

    export class Interceptor { 

     public static Factory($q: angular.IQService, $rootScope : IInterceptorScope) { 
      return new Interceptor($q, $rootScope); 
     } 


     constructor(private $q: angular.IQService, private $rootScope: IInterceptorScope) { 
      this.$rootScope.loading = 0; 
     } 


     public response(response) { 
      console.log(response); 
      this.$rootScope.loading = 1; 
      return response || this.$q.when(response); 
     } 

     public responseError(rejection) { 
      console.log(rejection.status); 
      if (rejection.status === 401) { 
      } 

      return this.$q.reject(rejection); 
     } 
    } 

我收到此错误：

$q也没有定义。我不知道为什么。任何人都可以帮忙吗？

编辑：这是我如何加入我的config()块内的拦截器，再减去其他参数，它看起来像这样：

.config($httpProvider : angular.IHttpProvider) => { 
    $httpProvider.interceptors.push(Interceptor.Factory); 
} 

和注册工厂：

.factory('Interceptor', Interceptor) 

作为参考，我在这里看第一个答案：

AngularJS global $http state ajax loader

$rootScope在这里有加载属性，但这是在纯JavaScript中，所以我不知道它是否与TypeScript的方式在这里。

Answer 1

角度调用response方法没有设置this;以打字稿来处理这个问题，使用功能属性来捕捉this，如：

public response = (response) => { 
    console.log(response); 
    this.$rootScope.loading = 1; 
    return response || this.$q.when(response); 
} 

同为responseError为好。