通知服務變更的角度2組件

Question

使用Angular 2，我有一個處理認證的AuthService。我試圖找出用戶登錄/註銷時通知其他組件的最佳方式，但我不確定處理這種情況的正確方法。有什麼建議麼？謝謝！

Answer 1

最好的方法是使用BehaviorSubject。

class AuthService { 

private _isLoggedIn:Subject<boolean> = new BehaviorSubject<boolean>(false); 

    getUser() { 
     return !!localStorage.getItem('user');  
    }; 

    isLoggedIn() { 
    this.getUser() && this._isLoggedIn.next(true); 
    !this.getUser() && this._isLoggedIn.next(false); 
    return this._isLoggedIn.asObservable(); 
    } 
} 

//在你的組件

class NavComponent { 
    constructor(private AuthService: AuthService) { 
     this.AuthService.isLoggedIn().subscribe(status => this.isLoggedIn = status); 
    } 
}