Angular:订阅后仍然没有获得值

Question

在我的 ts 文件中，我有这个函数:

searchForUser() {
        this.userService.getUserByLastName(this.searchString)
            .subscribe(
                (data: User) => this.searchedUser = data
            );
        console.log('Firstname: ' + this.searchedUser.firstName);
        this.dataService.changeUser(this.searchedUser);
    }

在我的 html 文件中，我从 searchedUser 获得了正确的值。在我的 console.log 和 dataService 中没有。为什么？ 当我进行第二次搜索时，我将从之前的搜索中获取值。

Answer 1

这是一个时序问题，请将所有需要响应的操作移至订阅回调中，以便访问您需要的值。

public searchForUser(): void
{
    this.userService.getUserByLastName(this.searchString).subscribe((data: User) => 
    {
        this.searchedUser = data;
        console.log('Firstname: ' + this.searchedUser.firstName);
        this.dataService.changeUser(this.searchedUser);
    });         
}

发生此错误的原因是您在订阅中定义 this.searchedUser 之前尝试访问它。