Question

我有一个默认用户的自定义JSON文件。我想搜索文件以找到匹配的用户输入，然后登录用户。 有什么需要帮助的吗？

我的登录代码就像

  onLogin() {
    this.login = this.loginForm.value;
    this.em = this.login.email;
    this.pw = this.login.pword;
    this.userservice.checkUser(this.em, this.pw)
      .subscribe(user => this.user = user);
    console.log(this.em, this.pw, this.user);
  }

我的user.service.ts文件就像

  checkUser(email: string, pword: string): Observable<User> {
    return of(USERS.filter((user => user.email === email && user.pword === pword))[0]).pipe(delay(1000));
  }

HTML文件就像

  <mat-card *ngIf="user">
    <mat-card-content>
      Bla bla bla
    </mat-card-content>
  </mat-card>

Answer 1

将console.log移至您要在其中检查“ user”的值的订阅块。当前，console.log在observable发出值之前正在执行。

onLogin() {
    this.login = this.loginForm.value;
    this.em = this.login.email;
    this.pw = this.login.pword;
    this.userservice.checkUser(this.em, this.pw).subscribe(user => {
        this.user = user;
        console.log(this.em, this.pw, this.user);
    });
}

角度显示已登录用户详细信息

1 个答案: