通知Angular 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);
    }
}