Angular类嵌套初始化及CRUD关联字段返回null问题求助

1. 类中初始化另一个类的方法 #

假设你有ContributingType和Entity两个模型类，在Entity中初始化ContributingType有两种常用方式：

• 构造函数内默认实例化
  如果需要一个基础实例，直接在Entity构造函数中创建ContributingType实例：

  export class ContributingType {
    id: number;
    typeName: string;
  }
  
  export class Entity {
    id: number;
    name: string;
    contributingType: ContributingType;
  
    constructor() {
      this.contributingType = new ContributingType();
    }
  }
  

• 外部传入自定义实例
  若需使用外部配置的ContributingType实例，修改构造函数接收参数：

  export class Entity {
    id: number;
    name: string;
    contributingType: ContributingType;
  
    constructor(contributingType?: ContributingType) {
      this.contributingType = contributingType || new ContributingType();
    }
  }
  
  // 使用示例
  const customType = new ContributingType();
  customType.typeName = '个人纳税人';
  const entity = new Entity(customType);
  

2. Entity中taxpayer type字段返回null的解决方案 #

先假设你的模型定义如下：

export class ContributingType {
  taxpayerType: string;
}

export class Entity {
  contributingType: ContributingType;
}

针对字段返回null的问题，排查以下几点：

• 未初始化关联实例
  如果Entity的contributingType未被实例化，直接访问其属性会返回null或报错。确保contributingType已初始化：

  const entity = new Entity();
  entity.contributingType.taxpayerType = '一般纳税人';
  console.log(entity.contributingType.taxpayerType); // 正常输出
  

• API数据未正确映射
  从接口获取的JSON数据是普通对象，不会自动转为类实例。若API返回的contributingType为null，或未手动映射，会导致字段为null。手动映射示例：

  // 假设从API获取的数据
  const apiData = {
    id: 1,
    name: '测试实体',
    contributingType: { taxpayerType: '小规模纳税人' }
  };
  
  const entity = new Entity();
  entity.id = apiData.id;
  entity.name = apiData.name;
  
  if (apiData.contributingType) {
    entity.contributingType.taxpayerType = apiData.contributingType.taxpayerType;
  }
  

• 字段名不匹配
  检查模型字段名与API返回字段名是否一致（比如驼峰taxpayerType vs 下划线taxpayer_type），若不一致需手动转换：

  entity.contributingType.taxpayerType = apiData.contributingType.taxpayer_type;
  

内容的提问来源于stack exchange，提问作者Pieer Alexander Rodas Vereau