Question

如果用户是否经过身份验证，我使用Subject来进行通信。问题是，当我在重新加载时订阅组件中的主题时，主题返回undefined。

这是我的实现，此方法检查用户数据是否存储在本地存储中。如果它们存储在本地存储中，则Subject应设置为true。

user.service.ts

public auth_status:Subject<boolean> = new Subject<boolean>();

getCurrentUser(): User {
    let storage =  localStorage.getItem('current_user');

    if (storage) {
        return Json.parse(storage);
    } else {
        return null
    }
};

getUserAuth() {
    if (this.getCurrentUser() != null) {
        this.auth_status.next(true);
        console.log(this.auth_status);
    } else {
        this.auth_status.next(false);
        console.log(this.auth_status);
    }
    return this.auth_status;
}

navbar.component.ts

  constructor(private _userService: UserService) {
    this._userService.getUserAuth().subscribe(data => this.auth_status = data);
  }

this.auth_status在我的导航栏中切换* ngIf，显示登录或退出按钮

我在尝试订阅它之前尝试过调用该方法，但这似乎不起作用。

谢谢！

Answer 1

事件在返回主题之前发出，因此在构造函数中调用subscribe()时，事件已经消失。

您可以使用BehaviorSubject来阻止

public auth_status:Subject<boolean> = new BehaviorSubject<boolean>(null);

BehaviorSubject在订阅后立即向新订阅者发出最后一个事件。

主题在构造函数

1 个答案: