javascript - 编写可调用对象的 typescript

Question

我想用 typescript 编写一个可调用函数。

预期的 JavaScript:-

app.factory('customLoader', function ($http, $q) {
    return function (options) {
        var deferred = $q.defer();
        var data = {
            'TEXT': 'Fooooo'
        };
        return deferred.resolve(data);
    };
});

我的 typescript 解决方案。

    export interface LoadContent {
        (options:any):ng.IPromise<any>;
    }

    export function LoaderService($q:ng.IQService):LoadContent {
        return (options:any) => {
            var deferred = $q.defer();
            var data = {
                'TEXT': 'Fooooo'
            };
            deferred.resolve(data);
            return deferred.promise;
        }
    }
app.factory('customLoader', LoaderService);

我打算使用 angular.factory 来初始化它。如果我需要在 angular.service 中做同样的事情，我该怎么做？

还有更好的方法使用 typescript 类来编写它吗？

Answer 1

If I need to do the same thing in angular.service, how would I do this?

只需使用一个类

export class LoaderService {
    constructor(public $q:ng.IQService){        }
    getOptions(options:any) {
        var deferred = this.$q.defer();
        var data = {
            'TEXT': 'Fooooo'
        };
        deferred.resolve(data);
        return deferred.promise;
    }
}
app.service('customLoader', LoaderService);

有关此模式的更多信息:https://www.youtube.com/watch?v=Yis8m3BdnEM