angular - 如何创建一个接口(interface)来以 Angular 方式制作http响应类型?

标签 angular interface

我从 API 获得的 json 响应采用以下格式:

{
    "bill_id": 110,
    "billdate": "2021-06-23",
    "amount": 5500,
     "vendors": {
        "vendor_id": 7,
        "vendor_name": "ABC pvt ltd",
    }
}

所以我正在创建一个接口(interface)来映射响应。

export interface BillModel{
    bill_id:number,
    billdate:string,
    amount: number,
    vendors:object
}

我也不知道如何使用接口(interface)使供应商字段和对象。 [供应商 ID 和供应商名称]

这样我就可以正确映射http响应

 return this.http.get<BillModel[]>(this.getbillurl);

我知道这是非常基础的,但我正在学习这个阶段。请提出建议。

最佳答案

export interface Vendor {
    vendor_id: number,
    vendor_name: string
}

export interface BillModel{
    bill_id:number,
    billdate:string,
    amount: number,
    vendors: Vendor
}

尽管从名称上看,您可能需要 vendors: Vendor[] 并期待一个数组?

关于angular - 如何创建一个接口(interface)来以 Angular 方式制作http响应类型?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68132631/

相关文章:

javascript - 在 Angular2js/Dart 中将变量传递给 html 页面

Angular 2 --aot 导致 AnimationEntryMetadata 失败

Angular2 将 map 的值绑定(bind)到复选框

c# - 通过基类c#实现的接口(interface)调用类的方法

actionscript-3 - AS3 - 接口(interface)是否需要重写,或者类可以从仅由子类使用的接口(interface)调用方法吗?

delphi - 当直接将对象实例作为 const 接口(interface)参数传递时,编译器是否应该提示/警告?

Angular 和 Golang "No Access-Control-Allow-Origin is presents..."

javascript - 发送请求后关闭用 javascript 打开的窗口

c# - 在 C# 中创建接口(interface)实例

C# 自动转换接口(interface)方法