在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);
  }
}