Angular Schematics-从JSON响应创建接口/模型

Question

当我试图自动化我的开发过程时，我想基于JSON响应创建一个Ts/Angular接口。

假设我收到的回复看起来像这个

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

最终结果应该像这个

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

更多背景：由于我必须实现许多列表组件，我想生成一个原理图，创建一个通用的列表组件，在那里我可以传递任何数据并显示它。因此，我想创建一个自定义界面以及

我在互联网上搜索了很多不同的搜索查询，但找不到准确的解决方案，因此，如果有人能给我一个提示，如果有api、代码示例或其他什么，我将非常感谢

Answer 1

您可以在服务器上添加swagger文件生成，然后在ng-openapi-gen的帮助下根据该swagger规范生成完整的api层。如果您在应用程序中使用rest api，我想说这是最好的方法。

如果不是-有像graphql或trpc这样的东西为这个问题提供了自己的解决方案

Answer 2

您可以像对待泛型List一样对待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'])
}