flatMap在Angular2中不起作用

Question

Hello guys i just created a simple ajax call in which the response of first ajax call is used in second ajax call so i used flatmap in angular 2 to run first ajax call and use its response in second ajax call here is the code but only the first ajax call is working properly it seems like the code after .flatmap isnt running. please help me to solve this issue.

 createPerson(personClass: User, addressClass: Address): Rx.Observable <string> { let headers = new Headers(); headers.append('Content-Type', 'application/json'); headers.append("Cache-Control", "no-cache"); headers.append("Cache-Control", "no-store"); headers.append("If-Modified-Since", "Mon, 26 Jul 1997 05:00:00 GMT"); var myObj = { "firstName": personClass.firstname, "age": personClass.age, "lastName": personClass.lastname, "dateOfBirth": "null" }; return this.http.post(`${webServiceEndpoint}/person`, JSON.stringify(myObj), { headers: headers }).map((res: Response) => res.json()) .flatMap(data => { let body = data.json(); console.log(body); var myObj2 = { "personId": body, "address1": addressClass.streetname, "city": addressClass.city, "zipCode": addressClass.zipcode }; return this.http.post(`${webServiceEndpoint}/address`, JSON.stringify(myObj2), { headers: headers }).map((res1: Response) => res1.json()) }) } 

Answer 1

由于data不是Response对象，因此可能会失败：

let body = data.json();

Answer 2

I think you are using RxJS at the wrong way (you don't think reactive) (if you can use the newest version of angular):

Example (very clean way to do this and you can test the code very easy):

createPerson(personClass: User, addressClass: Address): Observable<Address> {
  /* Angular 5 you can do this into the HttpClient Interceptor */
  const headers = new Headers();
  headers.append('Content-Type', 'application/json');
  headers.append("Cache-Control", "no-cache");
  headers.append("Cache-Control", "no-store");
  headers.append("If-Modified-Since", "Mon, 26 Jul 1997 05:00:00 GMT");

  return this.createPerson(person)
    .switchMap((person: Person) => this.http.post<Person>(`${webServiceEndpoint}/person`, { person , headers})
    .switchMap((person: Person) => createAddress(person, address))
    .switchMap((person: Person) => this.http.post(`${webServiceEndpoint}/address`, person, {
        headers: headers
      }));
}

createAddress(person: Person, address: Address): Observable<Address> {
   return Observable.of({
     "personId": person.id,
     "address1": addressClass.streetname,
     "city": addressClass.city,
     "zipCode": addressClass.zipcode
   });
}

createPerson(person: Person): Observable<Person> {
  return Observable.of(<Person>{
    "firstName": personClass.firstname,
    "age": personClass.age,
    "lastName": personClass.lastname,
    "dateOfBirth": "null"
  });
}