BehaviorSubject 未定义问题

Question

我正在尝试在我的服务中创建一个变量，每当我注入此服务时都可以访问该变量。但是，我无法填充 BehaviorSubject 类型的 login$。我检查了this 和this，但我很难理解它是如何工作的。

组件

this.loginService.login = user.value.username; // OK
this.loginService.pass = user.value.password; // OK
this.loginService.emitLogin(user.value.username); // UNDEFINED - user.value.username is input field of form group

登录服务

export class LoginService {

  public login: string;
  public pass: string;
  public login$ = new BehaviorSubject(this.login);

  emitLogin(value: string) {
    this.login$.next(value);
  }

  constructor(private http: Http) { } 
}

另外，我想在我的DriverService 中使用login$。这是我到目前为止所做的：

DriverService

    export class DriverService {    
      private login;

      constructor(private http: Http, private loginService: LoginService) {
        this.loginService.login$.subscribe(value => {
          console.log(value);
          this.login = value;
        });
      }
}

我怎样才能正确填充，并使其在其他服务中可用？

谢谢

Answer 1

BehviorSubject 总是使用一些值进行初始化，但在您的代码中使用变量定义进行初始化。

 public login: string;
 public login$ = new BehaviorSubject(this.login);

做这样的事情

public login$ = new BehaviorSubject('');
emitLogin(value: string) {
    this.login$.next(value);
  }