Typescript 接口 - 动态添加新值或动态创建接口

Question

我有一个 Angular Material Table。显然，我有一个接口，从中可以为 table 创建数据源。是否有可能在界面中动态添加新值或者至少动态创建界面？因为来自后端的数据是未知的。 例子：从这个：

export interface PeriodicElement {
  name: string;
  position: number;
  weight: number;
  symbol: string;
}

对此：

export interface PeriodicElement {
  name: string;
  position: number;
  weight: number;
  symbol: string;
  index: number;
}

或从这里：

export interface PeriodicElement {}

对此：

export interface PeriodicElement {
  name: string;
  position: number;
  weight: number;
  symbol: string;
  index: number;
}

Answer 1

1. 像这样使用会更好，

export interface PeriodicElement {
  name: string;
  position: number;
  weight: number;
  symbol: string;
  [key: string]: string | number;
}

或者只是

export interface PeriodicElement {
  [key: string]: string | number;
}

2. 否则您可以创建单独的模型并使用 union(|) 运算符。

3. 你也可以使用Partials来实现这个。

4. 用于动态创建