Angular2：2のサービスはお互いに依存します

Question

私のAngular 2アプリでは、私はお互いに依存する2つのサービスを持っています（サービスAはサービスBの呼び出しメソッド、その逆）。 はここに関連するコードです： app.component.tsで：

import {Component} from 'angular2/core'; 
import {TempService} from '../services/tmp'; 
import {Temp2Service} from '../services/tmp2'; 

@Component({ 
    selector: 'my-app', 
    templateUrl: 'app/app/app.component.html', 
    providers: [TempService, Temp2Service] 
}) 
export class AppComponent { (...) } 

サービス1：

import {Injectable} from 'angular2/core'; 
import {Temp2Service} from './tmp2'; 

@Injectable() 
export class TempService { 
    constructor (private _sessionService: Temp2Service) {} 
} 

サービス2：

import {Injectable} from 'angular2/core'; 
import {TempService} from './tmp'; 

@Injectable() 
export class Temp2Service { 
    constructor (private _sessionService: TempService) {} 
} 

アプリを実行すると、次のエラーにつながります：

EXCEPTION: Cannot resolve all parameters for 'Temp2Service'(undefined). Make sure that all the parameters are decorated with Inject or have valid type annotations and that 'Temp2Service' is decorated with Injectable

サービスのいずれかでコンストラクタにコメントすると、アプリはうまく動作します。 私の推測では、2つのサービスの「相互参照」が問題を引き起こしていると考えられます。 ここで何がうまくいかないのか考えていますか？ 私のアプローチはすでに間違っていますか？

お寄せいただきありがとうございます！

Answer 1

これは循環依存と呼ばれます。 Angular2自体の問題ではありません。私が知っている言語では許可されていません。

この循環依存関係を削除するには、コードをリファクタリングする必要があります。おそらく、これらのサービスの1つを新しいサービスに分割する必要があります。

責任ある原則に従えば、循環依存トラップにならないことがわかります。

Answer 2

インターフェイスを使用する - これは多くの言語で共通のパターンです。

参照Güntersは、あなたがシングルトンを持っていないことは許容される場合のいずれかのサービスにNEWを呼び出そうとすることができます

Circular dependency with Angular 2 and SystemJS

Answer 3

に答えます。 like

これはどちらのサービスも未定義のメンバー変数を使用していないため、私が取ったアプローチでした。

Answer 4

循環依存性に関するAngular 2のドキュメントの章があります。私は非常に便利だと思います。

Dependency injection

Answer 5

コンストラクタの注入は、円形の依存関係を防ぎます。

それはInjectorを注入し、同様に命令的依存関係を要求することにより分割することができます：あなたは角度2を使用して、それぞれの機能を呼び出すための循環依存関係を必要としている場合は

private payrollService:PayrollService; 
constructor(/*private payrollService:PayrollService*/ injector:Injector) { 
    setTimeout(() => this.payrollService = injector.get(PayrollService)); 
} 

もCircular dependency injection angular 2

Answer 6

を参照してください。他のイベントではObservablesを使用し、他のサービスを注入したServiceでそれらを購読することができます。

小さな例： -

@Injectable() 
class Service1{ 

observeEvents(){ 
return Obsevable.create((o)=>{ 
//store `o` it in any class variable 
//whenever you want to call function of Service2 from this class, do this `o.next('method_name');` 
}); 
} 
} 

@Injectable() 
class Service2{ 
    constructor(private service1: Service1){ 
    this.service1.subscribe((method)=>{ 
     this[method](); 
}); 
    } 
} 

Answer 7

私たちは、この問題を解決するためにforwordRef機能を解決することができます。

//まだ定義されていない参照を参照することができます。

@Inject（forwardRef（（）=> MyServiceで））プライベートHTTPPROXY：MyServiceで

Answer 8

私はインジェクタのクラスを使用して角度> 4で動作するように、このソリューションを更新し、あなたが他のサービス

import { Injector } from '@angular/core'; 
import { TempService } from './tmp'; 


@Injectable() 
export class Temp2Service { 

    private tempService: any; 

    constructor (private injector: Injector) { } 

    public funcA() { 
    this.tempService = this.injector.get(TempService); 
    this.tempService.doSomething(); 
    } 
} 

にサービスを注入することができます

Answer 9

これは循環依存であり、残念ながら、それはAngularが解決できない基本的なコンピュータサイエンスの問題または情報の問題です。代わりに次のようにしてください：

export class ServiceA{ 
constructor(private b: ServiceB){ 
    b.setA(this); 
} 
} 

export class ServiceB { 

private a: ServiceA 

constructor(){ 

} 

setA(a){ 
    this.a = a; 
} 

} 

おそらくこれを行う最良の方法です。