Angular中如何基于指定JSON结构定义嵌套Interface接口

你提供的JSON结构中，根对象包含toto属性，其值为内部嵌套3个数组属性的对象，对应的接口定义可以参考以下两种方案：

方案1：固定属性名（适用于toto下的属性固定为toto1、toto2、toto3的场景） #

// 定义toto内部的结构
export interface ITotoContent {
  // 可根据数组实际存储的元素类型替换any，例如字符串数组改为string[]
  toto1: any[];
  toto2: any[];
  toto3: any[];
}

// 如果你的完整JSON是带toto属性的根对象，补充根接口定义
export interface IRootData {
  toto: ITotoContent;
}

方案2：动态索引签名（适用于toto下的键名不固定，所有值都是同类型数组的场景） #

export interface ITotoContent {
  // 键为任意字符串，值为任意类型数组，可按需替换数组元素类型
  [key: string]: any[];
}

export interface IRootData {
  toto: ITotoContent;
}

你之前编写的接口存在的问题：定义的code、codeName属性和你提供的JSON结构字段完全不匹配，接口字段名必须和JSON的实际键名一一对应才能正常做类型校验。

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