如何在沒有繼承的情況下訪問組件的屬性

Question

我需要在登錄後編輯組件的某些屬性。例如我需要編輯HomeComponent的消息屬性和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'); 
    } 
}