AngularJS circular dependency

Question

나는 오류 (또는 사용 가능하다면 디버그)를 indexedDB 데이터베이스에 저장하여 logger 서비스를 만들고 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); 
     } 
    }; 

    // ... 
}) 

이것은 의도 한대로 작동합니다. 이제 문제는 순환 종속성 오류가 발생하기 때문에 데이터베이스 서비스에서 내 로거를 사용할 수 없다는 것입니다. 나는 문제를 이해하지만 어떻게 해결해야하는지 아무 단서도 없다 ...이 문제를 어떻게 해결해야합니까? :-)

Answer 1

각도 이유를 돕는

덕분에 순환 종속성이 아니라 하나가 ...이다에 대해 불평한다.
아래로 갈 수있는 매우 위험한 경로입니다,하지만 당신은 당신이 (유명한 마지막 말을) 무엇을하고 있는지 알고있는 경우에 그를 우회 할 수있는 해결책이 :

.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); 
     } 
    }; 

    // ... 
}) 

참조, 또한,이 short demo은.

Answer 2

this answer 및 특히 Misko's blog을 참조하십시오. 거의 동일한 문제가 논의되는 의견의 Peter의 질문입니다. 해당 로그 데이터베이스를 원하는 곳

class Database() implements DB; 
class Logger(Database db); 
class LoggingDatabase(Logger log, Database db) implements DB; 

Misko의 대답은 (자바 코드를 사용하여)입니다 그래서 응용 프로그램에서, 당신은 당신의 응용 프로그램의 모든 부분에 대한

.service('Database', ...) // DO NOT inject the $log or LogServices here 

.service('LogServices', function($log) {...}) // DO NOT inject Database here 

.service('LoggingDB', function(Database, LogServices) {...}) 

사용 LoggingDB 있습니다. (아니면 데이터베이스를 사용하는 로거입니다!) 또 다른 방법은 브라우저에 데이터베이스를 가지고있다

생각

? 데이터베이스가 $ http 또는 $ resource 또는 다른 것에 대한 래퍼입니까? 그렇다면 Expertsystem의 2) 옵션에 동의합니다. 오류가 $ http를 죽이면 오류를 기록하기 위해 $ http를 사용하지 마십시오. XMLHTTPRequest를 대신 사용하십시오. 자세한 설명은 here을 참조하십시오. 여기

exceptionHandler이 문제가

angular 
    .factory('$exceptionHandler', ExceptionHandler); 

function exceptionHandler($log, sweetAlert) {// here is the problem with injecting sweetAlert 
    return function myExceptionHandler(exception, cause) { 
     //logErrorsToBackend(exception, cause); 
     sweetAlert.swal('Opps...', 'An error has occurred'); 
     $log.warn(exception, cause); 
    }; 
} 

과 내가 여기

angular 
    .factory('$exceptionHandler', ExceptionHandler); 

ExceptionHandler.$inject = ['$injector']; //better for minification 

function ExceptionHandler($injector) { 
    var $log, sweetAlert, $translate;// use variables for caching 

    return function exceptionHandler(exception, cause) { 
     // Add DI here to prevent circular dependency 
     $log = $log || $injector.get('$log'); 
     sweetAlert = sweetAlert || $injector.get('sweetAlert'); 
     $translate = $translate || $injector.get('$translate'); 
     //............ 
    } 

injector을 사용하여 해결하기 위해 등장하는 코드입니다 오버라이드 (override) 할 수있는 링크입니다하려고 할 때

Answer 3

나는이 문제를 직면 자세한 정보는 Injecting $http results in a Circular dependency

희망이 당신을 도울 것입니다