AngularJS循环依赖

ImS*_*uts 13 circular-dependency angularjs

我正在制作一个记录器服务,通过将错误(或调试,如果启用)保存到indexedDB数据库中来扩展angular的$ log服务.这是代码:

angular.module('appLogger', ['appDatabase'])

.service('LogServices', function($log, Database) {

    // ...

    this.log = function(type, message, details) {
        var log = {};
        log.type = type
        log.context = this.context;
        log.message = message;
        log.dateTime = moment().format('YYYY-MM-DD HH:mm:ss');
        log.details = details || '';
        $log[type.toLowerCase()](log);

        if (type === 'ERROR' || this.logDebug) {
            Database.logSave(log);
        }
    };

    // ...
})
Run Code Online (Sandbox Code Playgroud)

这是按照预期在我的服务中工作.现在的问题是我无法在数据库服务中使用我的记录器,因为它会抛出循环依赖性错误.我理解这个问题,但我不知道如何解决它...我应该如何解决这个问题?

谢谢你的帮助:-)

gka*_*pak 29

Angular抱怨循环依赖的原因是......好吧有一个.
这是一条非常危险的道路,但如果你知道自己在做什么(着名的最后一句话),那么就有办法解决这个问题:

.service('LogServices', function($log, $injector) {

    // ...

    var Database;   // Will initialize it later

    this.log = function(type, message, details) {
        /* Before using Database for the first time
         * we need to inject it */
        if (!Database) { Database = $injector.get('Database'); }

        var log = {};
        log.type = type
        log.context = this.context;
        log.message = message;
        log.dateTime = moment().format('YYYY-MM-DD HH:mm:ss');
        log.details = details || '';
        $log[type.toLowerCase()](log);

        if (type === 'ERROR' || this.logDebug) {
            Database.logSave(log);
        }
    };

    // ...
})
Run Code Online (Sandbox Code Playgroud)

另见这个简短的演示.

  • 危险的是进入一个无限循环,将粉碎你的应用程序(这是Angular首先试图保护你的).如果你想看到它在行动,请转到我的演示并取消注释`service1.serve();`'Angular'方式不是创建循环依赖(在这种情况下,我认为你不能,因为你需要`Database`来提供`LogServices`,你想在`Database`中提供`LogServices`(这本身就是一个悖论:)). (3认同)