ionic3中的第一个api调用中未定义的响应[重复]

Question

我正在尝试在 ionic3 中实现嵌套的 api 调用

submitLoginForm() {
    var username = this.formData.value.username;
    var password = this.formData.value.password;
    var bodyjson;
    var userId;

    this.ApidataService.logincheck(username,password).subscribe(data => {
        this.logindetail = data;
        bodyjson = JSON.parse(this.logindetail._body);
        userId =  bodyjson.user.id;
        if( userId != undefined){
            this.ApidataService.userdata(userId).subscribe(data => {
                this.userInfo = data;
            });
        }
        console.log(userId);
    });
    console.log(this.userInfo);
}

现在，当我调用此函数时，嵌套 api 为第一次调用返回 undefined，然后从第二次调用开始，它返回正确的值，但是当我尝试记录发送到 api 的参数时，我注意到正确的值每次都通过。我认为这是由于一些同步问题造成的，但我无法找出问题和解决方案。

Answer 1

您可以在此处使用flatMap。看来您不需要检索两个请求的结果，因此这应该适合您。

 import { Observable } from "rxjs/Observable";
 import 'rxjs/add/observable/flatMap';

然后：

 this.ApidataService.logincheck(username,password).flatMap(
  (data) => {
        this.logindetail = data;
        bodyjson = JSON.parse(this.logindetail._body);
        userId =  bodyjson.user.id;
        if( userId != undefined){
          return this.ApidataService.userdata(userId);
        }else{
          return Observable.empty();
        }
    }).map((res: Response) => res ? res.json() : {})
    .subscribe(data => {
           this.userInfo = data ? data : {};
    });

你可以阅读更多关于flatMap here