打字稿编写可调用对象

Question

我想用打字稿写一个可调用的函数。

预期的 Javascript：-

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

我的打字稿解决方案。

    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

如果我需要在 angular.service 中做同样的事情，我该怎么做？

只使用一个类

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