Question

如果可能的话，寻求一些建议。

在处理API和嵌套资源时，我正在尝试制作一组“变换器”，将数据格式化为更有用的格式。

在执行此操作时，由于嵌套资源的性质，我必须创建一个循环依赖项，并且关系可能是单向的。

以下是一个例子：

客户端转换器

angular.module('services.transformers.clients', [

])
.service('ClientTransformer', function ClientTransformer(DateService, EventTransformer){
    var transformer = this;

    transformer.transform = function(client) {
        clientObject = {
            id: client.id,
            name: client.name
        };

        if(client.events) {
            clientObject.events = includeEvents(client);
        }

        return clientObject;
    }

    transformer.transformCollection = function(clients) {
        for(var key in clients.data) {
            if(clients.data.hasOwnProperty(key)) {
                clients.data[key] = transformer.transform(clients.data[key]);
            }
        }
        return clients.data;
    }

    function includeEvents (client) {
        return EventTransformer.transformCollection(client.events);
    }
})
;

事件转换器

angular.module('services.transformers.events', [

])
.service('EventTransformer', function EventTransformer(DateService, ClientTransformer){
    var transformer = this;

    transformer.transform = function(event) {
        eventObject = {
            id: event.id,
            title: event.title,
            description: event.description,
            client: includeClient(event),
            starts: DateService.createDateFromObject(event.starts),
            ends: DateService.createDateFromObject(event.ends)
        };

        return eventObject;
    }

    transformer.transformCollection = function(events) {
        for(var key in events.data) {
            if(events.data.hasOwnProperty(key)) {
                events.data[key] = transformer.transform(events.data[key]);
            }
        }
        return events.data;
    }

    function includeClient (event) {
        // check if client is an ID or nested data. If nested, transform then return
        return (event.client.data) ? ClientTransformer.transform(event.client.data) : event.client;
    }

})
;

可以想象，每种资源都有更多关系，但这些服务需要相互依赖。我可以访问事件资源，并拥有嵌套的客户端，或者反之亦然。

Angular确实不喜欢这样，并抛出一个循环依赖错误，但我不知道如何解决这个问题，或者更好的方法来构建我的应用程序。

任何帮助将不胜感激

谢谢！

Answer 1

您可以注入$ injector服务并在实际使用时获取依赖关系。

以下是您的解决方法：

.service('EventTransformer', function EventTransformer(DateService, $injector){

    ...

    function includeClient (event) {
        var t = $injector.get('ClientTransformer');
        return (event.client.data) ? t.transform(event.client.data) : event.client;
    }

})

AngularJS循环依赖 - 变形金刚

1 个答案: