Angular2 中的 BehaviorSubject 不是第二次设置值？

Question

我的代码是这样的

login.component.ts

loginSucess () {
  this.MenuService.setUserName(userauthresponce.username);
 }

MenuService.ts

 private usernameSource = new BehaviorSubject<any>(0);
  setUserName (username) {
    this.usernameSource.next(username);
 }

 getUserName () {
  return  this.usernameSource.asObservable();
    }

other.component.ts

constructor(MenuService:MenuService) {

  this.MenuService.getUserName().subscribe(responce => {
  console.log('username', responce);
  this.username = responce;
});
  }

/* it's not working hear*/

 switchrole() {
    this.router.navigate(['/dashboard']);
    this.MenuService.setUserName(this.username);
}

我在第一次登录时获取用户名，之后当用户单击切换角色按钮时它调用切换角色函数，在这个函数中我必须将页面导航到仪表板，在这种情况下我得到用户名 0;

即使我从 switchrole() 设置了用户名，但这不起作用

我没有收到错误请帮助我

Answer 1

尽量不要调用 this.usernameSource.asObservable() 而只调用 return this.usernameSource 因为你可以直接订阅 BehaviorSubject 但你不能在 Observable 上调用 next;

例如

private usernameSource = new BehaviorSubject<any>(0);

setUserName (username) {
  this.usernameSource.next(username);
}

getUserName () {
  return  this.usernameSource;
}

Angular2 中的 BehaviorSubject 不是第二次设置值？

BehaviorSubject in Angular2 is not set value second time?

angular

rxjs

angular2-services

angular2-directives