javascript - Angular 2 Rxjs 在服务器响应后创建 Action

Question

我是 Angular2(尤其是 RxJs 库)的新手，正在下一步中。我的网站以注册页面开头。完成注册表单后，我有基本的 service.auth.ts 方法注册用法

     registerUser(){
        this.authService.registerUser(this.registrationForm.value)
        .subscribe((data) => {
           console.log(data);
        })
        //this line should apear after server response from backend
        console.log('AFTER SERVER RESPONSE')
        }

我收到这样的回复

我在 RxJs 文档中阅读了一些关于 flatMap 方法的内容，它声称可以替代默认的 Promise 方法 then() - 但是我未能为我的案例创建实际实现 flatMap 方法的代码工作实例

所以问题是:我怎样才能获得结果，以便在服务器响应后出现“AFTER SERVER RESPONSE”消息？(不是之前的屏幕截图)

Answer 1

您应该等待异步任务完成。将 console.log('AFTER SERVER RESPONSE') 移到您的 subscribe block 中。

registerUser() {
        this.authService.registerUser(this.registrationForm.value)
        .subscribe((data) => {
           console.log(data);
           //this line should apear after server response from backend
           console.log('AFTER SERVER RESPONSE')
        });

      // anything written over here will execute before `registerUser()` returns data
     console.log('THIS WILL PRINT BEFORE SERVER RESPONSE')
}