継承のないコンポーネントのプロパティにアクセスする方法

Question

ログイン後にコンポーネントのプロパティを編集する必要があります。例えば、私はHomeComponentのmessageプロパティとUserComponentのageプロパティを編集する必要があります。したがって、コンポーネントクラスを継承することはオプションではありません。どのように私はこの

auth.serviceに

// app/auth.service.ts 

import { Injectable }  from '@angular/core'; 
import { tokenNotExpired } from 'angular2-jwt'; 

declare var Auth0Lock: any; 

@Injectable() 
export class Auth { 
    lock = new Auth0Lock('asdsd', 'mehmetyeneryilmaz.eu.auth0.com', {}); 

    constructor() { 
    this.lock.on("authenticated", (authResult) => { 
     localStorage.setItem('id_token', authResult.idToken); 
    }); 
    } 

    public login() { 
    this.lock.show(); 
    } 

    public authenticated() { 
    return tokenNotExpired(); 
    } 

    public logout() { 
    localStorage.removeItem('id_token'); 
    } 
} 

Answer 1

を達成することができます

観測と共有サービスを使用して変更をサブスクライブ：

import { Injectable }  from '@angular/core'; 
import { tokenNotExpired } from 'angular2-jwt'; 

declare var Auth0Lock: any; 

@Injectable() 
export class Auth { 
    lock = new Auth0Lock('asdsd', 'mehmetyeneryilmaz.eu.auth0.com', {}); 

    private message = new BehaviorSubject<string>(null); 
    public $message = this.message.asObservable(); 

    constructor() { 
    this.lock.on("authenticated", (authResult) => { 
     localStorage.setItem('id_token', authResult.idToken); 
    }); 
    } 

    public login() { 
    this.lock.show(); 
    this.message.next('checking authentication'); 
    } 

    public authenticated() { 
    return tokenNotExpired(); 
    } 

    public logout() { 
    localStorage.removeItem('id_token'); 
    this.message.next('successfully logged in'); 
    } 
}