角度2 - 件名プロパティをサービスへの加入は、ここでのイベント

Question

をキャッチしていないサービスである：

@Injectable() 
export class AuthService { 

    public reset: Subject<any>; 

    constructor() { 
    this.reset = new Subject(); 
    } 

    public logout() { 
    this.reset.next('logout'); 
    } 
} 

これはログアウト（）が発生したときに知りたい、別のサービスである：

@Injectable() 
export class StoreService() { 

    constructor(private auth: AuthService) { 

    this.auth.changes.subscribe((value) => { 
     // Do not work God knows why 
    }); 
    } 
} 

契約で2番目のサービスは決してイベントを取得しません。どうして？

Answer 1

あなたが別のサービスまたはコンポーネントにサブスクライブすることができますしている観測文字列を定義する必要があります。

@Injectable() 
export class AuthService { 

    public reset: Subject<any>; 
    /** 
    * Observable string streams 
    */ 
    notifyObservable$ = this.reset.asObservable(); 


    constructor() { 
    this.reset = new Subject(); 
    } 

    public logout() { 
    this.reset.next('logout'); 
    } 
} 

// StorageService

@Injectable() 
export class StoreService() { 

    constructor(private auth: AuthService) { 

    this.auth.notifyObservable$.subscribe((value) => { 
     // Do not work God knows why 
    }); 
    } 
} 

Answer 2

@Injectable() 
export class AuthService { 

    public reset: Subject<any>; 
    reset$ = null; 

    constructor() { 
    this.reset = new Subject(); 
    this.reset$ = this.reset.asObservable(); 
    } 

    public logout() { 
    this.reset.next('logout'); 
    } 
} 

そして、他のサービス、それがイベントをサブスクライブがかかります。

Answer 3

問題が見つかりました - AuthServiceの複数のインスタンスがありました（ありがとう@Martin）。問題は、誰かが[AnyService]を任意のコンポーネントに追加した場合、エラーは発生しませんが、2つ（またはそれ以上）のサービスインスタンスを取得することになります。 この種のバグはサービスコンストラクタにconsole.log(counter++)を追加すると簡単に見つかります。