TypeScript + AngularJS v1: Açısal fabrikayı TypeScript'e yeniden yazıyor

Question

Aşağıdaki fabrikayı bir TypeScript koduna nasıl yazabilirim diye merak ediyorum. Şimdiye kadar aşağıdaki denedim

app.factory('errorInterceptor', function ($q) { 
    return { 
     responseError: function (response) { 
      console.error("Error: " + response.statusText); 
      return $q.reject(response); 
     } 
    } 
}); 

: İşte asıl kodudur

export class errorInterceptor { 
    constructor(private $q:ng.IQService) { 

    } 

    public responseError(response:any){ 
     console.error("Error: " + response.statusText); 

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

    public static getFactory(){ 
     return errorInterceptor; 
    } 
} 

app.factory('errorInterceptor',errorInterceptor.getFactory()); 

Ama aşağıdaki hatayı alıyorum:

Provider 'errorInterceptor' must return a value from $get factory method. 

Herhangi bir fikir? EXTEND

export class errorInterceptor { 
    // to support minification 
    static $inject = ["$q"]; 

    constructor(private $q:ng.IQService) { 

    } 

    public responseError(response:any){ 
     console.error("Error: " + response.statusText); 

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

    //public static getFactory(){ 
    // return errorInterceptor; 
    //} 
} 

//app.factory('errorInterceptor',errorInterceptor.getFactory()); 
app.service('errorInterceptor',errorInterceptor); 

:

Answer 1

Bu sözdizimini kullanın

Bu benim $http aramaları önünü kullanmak snippet'tir (şimdiye öyle benim için iş)

module MyModule 
{ 
    var app = angular.module("MyModule"); 

    export class HttpErrorAspect 
    { 
     static $inject = ["$q"]; 

     constructor(private $q: ng.IQService) 
     { 
     } 

     public responseError = (rejection: any): any => 
     { 
      // do some magic, e.g. use toaster or alerter 
      // to notify about the issue 
      ... 

      // reject that all 
      return this.$q.reject(rejection); 
     } 
    } 

    app.service("HttpErrorFilter", MyModule.HttpErrorAspect); 
} 

Answer 2

Bu çekirdek kullanın: https://github.com/aleksey-pastuhov/AngularJS-Typed-Core/blob/master/AngularJSTypedCore/Script/service.ts

@service(app) 
export class UserRolesService { 
static $inject: string[] = ["$cookies"]; 

private $cookies: angular.cookies.ICookiesService; 

user: IUser; 

GetUser(): IUser { 
    return this.user; 
} 
} 

Çağrı:

this.userRolesService.GetUser()