Angular 原理圖 - 從 JSON 響應創建接口/模型

Question

當我嘗試自動化我的開發過程時，我想創建一個基於 JSON 響應的 Ts/Angular 接口。

假設我收到的回復看起來像這樣

{"name":"John", "age":30, "car":“Honda“}

最終結果應該是這樣的

export interface User {
    name: String,
    age: Number,
    car: string 
} 

多一點背景：因為我必須實現很多列表組件，所以我想生成一個原理圖，它創建一個通用列表組件，我可以在其中傳遞任何數據並顯示它。 因此我也想創建一個自定義界面

我用很多不同的搜索查詢搜索了 inte.net，但找不到准確的解決方案，因此如果有人可以給我提示，如果有 api，代碼示例或任何我真的很感激

Answer 1

您可以在您的服務器上添加 swagger 文件生成，然后在ng-openapi-gen的幫助下從該 swagger 規范生成完整的 api 層。 如果您在應用程序中使用 rest api，我會說這是最好的方法。

如果沒有 - 像 graphql 或 trpc 這樣的東西為這個問題提供了自己的解決方案

Answer 2

您可以將 JSON 視為通用列表，也可以傳遞任何數據並顯示它。 什么需要映射到接口？

var responseData=[{"name":"John", "age":30, "car":"Honda"},{"name":"hosseinSabz", "age":32, "car":"pride"}];
for(let i=0 ; i<responseData.length ; i++)
{
    console.log(responseData[i].name);    
   // or console.log(responseData[i]['name'])
}