Подайте завод в AngularJS с использованием машинописи

Question

Таким образом, в простом старом Угловом, вы бы придать завод так:

(function(angular){ 
    "use strict"; 

    var app = angular.module('app', []); 
    app.factory('MyFactory', ['$http', function($http) { 
    .... 
    }); 
}()); 

Теперь с помощью машинописи, я пытаюсь использовать $inject так:

module Services { 
    export class MyFactory { 
     static $inject = ['$http']; 
     constructor(private $http: ng.IHttpService) { 
     } 
    } 
} 

var app = angular.module('app', []); 

app.factory('MyFactory', Services.MyFactory) //<-- This does not work, never is instantiated. 

app.factory('MyFactory', ['$http', Services.MyFactory]); //<-- No deal, it has constructor dependencies 

// Seems you have to do this 
app.factory('MyFactory', ['$http', ($http) => new Services.MyFactory($http)]); 

Каков правильный способ введения фабрик в Угловое с помощью машинописного текста?

Answer 1

app.factory ('MyFactory', Services.MyFactory) Это не работает, никогда не создается.

Истина. Это связано с тем, что функция, переданная как второй аргумент (MyFactory), никогда не вызывается оператором new. Если вы хотите использовать класс TypeScript, вы: должны использовать service, а не factory.

Использование оператора new является только разницы между службой и заводом, так что нет нет оснований для вас использовать factory. Оба являются одноточечными в AngularJS.

Answer 2

В этом проекте todoMvc они объявляют заводские функции как функции, а не как класс.

module Services { 
    export function MyFactory($http: ng.IHttpService): string{ 
    var stuff = "foo"; 
    return stuff; 
    } 
    MyFactory.$inject = ["$http"]; 
} 

app.factory("myFactory", Services.MyFactory); 

Поскольку директивы являются заводскими функциями, это синтаксис, который мы (в моем проекте) используем для директив. Тогда возвращаемый тип функции - ng.IDirective.

Я также согласен с basarat, что использование вашего обслуживания лучше в вашем случае. Это просто для справки, как вы можете написать угловой завод в машинописном тексте.

Answer 3

Возьмем такой пример, как я уже создал HttpGet обертка

module portal.services { 


export class apiService { 


    public getData<T>(url?:string): ng.IPromise<T> { 

     var def = this.$q.defer(); 
     this.$http.defaults.headers.common.token = window.sessionStorage[localStorageNames.bearerToken] || 'UA'; 
     this.$http.get(this.config.apiBaseUrl + url).then((successResponse) => { 

      if(successResponse) 
       def.resolve(successResponse.data); 
      else 
       def.reject('server error'); 

     }, (errorRes) => { 

      def.reject(errorRes.statusText); 
     }); 

     return def.promise; 
    } 


    static $inject = ['$q','$http', 'config']; 

    constructor(public $q:ng.IQService,public $http:ng.IHttpService, public config:interfaces.IPortalConfig) { 


    } 

} 



} 


module portal { 
    export var app:ng.IModule =angular.module('portal',[]); 
    app.service(services); 

}