在angular中为Object建立一个动态接口

Question

我有一个 JSON Object 从 api 调用收到，Object 将有多个值，但都是字符串类型。 如何以最短的方式为这样的 Object 编写接口。 我的意思是我可以编写和连接 100 个类型为字符串的键。 但是有没有更有效的方法呢？

Answer 1

您可以使用Record （打字稿中的实用程序类型）：

const info: Record<string, string> = {
  name: "Bruce Wayne",
  address: "Bat Cave"
};

你可以像这样在你的服务中使用它：

class MyService {
  constructor(private readonly http: HttpClient) {}

  callApi() {
    return this.http.get<Record<string, string>>(url);
  }
}