代码之家 › 专栏 › 技术社区 › Var

如何为respose设计typescript模型?

typescript angular

Var · 技术社区 · 6 年前

{
    "data":[
            {
                "name": "XYZ",
                "id": "1"
            },
            {
                "name" :"Abc",
                "id": "2"
            }
        ]
}

我尝试的是:

export class responseModel<T>{
    data:T;
}

export class model{
    name:string;
    id: number;
}

你有什么建议?所有数据将作为 { data: THE_DATA_OBJECT }

{
    data: []
}

getInfo(): Observable<responseModel<model[]>> {
    // API HTTP Call
}

3 回复 | 直到 5 年前

Vikas RyanSand20 6 年前

A class is unsuitable for declaring a type that represents an HTTP response. Use interface or type instead 因为从HTTP请求得到的反序列化JSON值永远不会是类的实例

@Angular StyleGuide
数据模型的接口。

export interface Model{
        id: number;
        name: string;
    }

export interface ResponseModel{
         data:Array<Model>;
  }

getInfo(): Observable<responseModel>{
return this._httpClient.get<resposneModel>('url);
}

Sachila Ranawaka 6 年前

data model[] 整个反应类型是 responseModel

export class responseModel{
   data:model[];
}
export class model{
  name:string;
  id: number;
}

getInfo(): Observable<responseModel> {
// API HTTP Call
}

Xinan 6 年前

我认为这是一个主观的问题,所以我会分享我的经验,当我有一个类似的情况。

{ data: THE_DATA_OBJECT }

如下所示:

genericHttpCall<T>(path: string, method: string, params: any}: Observable<T> {
  return this.httpClient.request().pipe(map(response => response.data));
}

所以基本上我不用这么做 class responseModel<T> 这样我就可以专注于自由设计真实的模型,而不是让后端影响我的模型结构。

interface 而不是 class

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

1 年前

Kael · 在html表格中显示关系api数据-角度

2 年前