Angular13链式POST请求问题：resp.id获取undefined求助

一、先排查resp.id undefined的核心原因 #

你当前用console.log('response from office Address ' +resp)打印的是对象的字符串形式（通常显示为[object Object]），无法看到真实的结构层级。立刻改成直接打印对象：

console.log('response from office Address ', resp); // 直接传递对象，控制台可展开查看完整结构

大概率是后端返回的id不在resp的根层级，比如常见的REST API会把数据包裹在data属性中，此时需要取resp.data.id而非resp.id。先确认这一点，就能解决赋值undefined的问题。

二、用switchMap重构链式请求（替代嵌套订阅） #

嵌套订阅会导致回调地狱，难以维护和统一处理错误，用RxJS的switchMap可以优雅处理依赖型链式请求：

import { switchMap } from 'rxjs/operators';

// ...

this.headOffice.createOffice(data).pipe(
  // 第一个请求完成后，获取officeId并发起第二个请求
  switchMap(res => {
    this._officeId = res.id;
    this.submited = true;
    console.log('Response Office ', res);
    
    const officeAddress = this.setOfficeAddress();
    // 返回第二个请求的Observable，可传递前序结果（如果后续需要）
    return this.headOffice.createOfficeAddress(officeAddress).pipe(
      // 第二个请求完成后，获取addressId并发起第三个请求
      switchMap(resp => {
        // 这里根据实际接口返回结构取id，比如resp.id 或 resp.data.id
        this._officeAddressId = resp.id; 
        console.log('response from office Address ', resp);
        console.log('officeAddressId:', this._officeAddressId);
        
        const officeContact = {
          active: true,
          userId: 0,
          dbName: null,
          apiStatus: "string",
          id: 0,
          officeAddressId: this._officeAddressId,
          contactTypeid: 1,
          countryAreaCode: "string",
          contactNumber: this.contact,
          extention: this.headOfficeInfo?.ext,
          contactTypeName: "string"
        };
        
        return this.headOffice.createOfficeContact(officeContact);
      })
    );
  })
).subscribe({
  next: respp => {
    console.log('response from contact ', respp);
    this.submited = true;
    // 跳转到新表单的逻辑放在这里
  },
  error: err => {
    // 统一处理所有请求的错误，比如弹窗提示、重置状态
    console.error('请求出错:', err);
    this.submited = false;
  }
});

三、关键说明 #

• switchMap的作用：当前一个Observable（请求）完成后，自动订阅下一个Observable，同时可传递前序请求的结果，完美适配依赖型链式请求场景。
• 统一错误处理：所有请求的错误都在最终的subscribe中处理，避免每个嵌套订阅重复写错误逻辑，减少冗余。
• 调试规范：始终用console.log('描述', 对象)的方式打印数据，不要拼接字符串，这样能在控制台展开对象，清晰查看属性层级。

内容的提问来源于stack exchange，提问作者Waleed shah