我如何确保我的json结构映射到我的接口？

Question

{
    _productDepartment : null,
    _productClass : null,
    _productMaterial : null,
    _productStyle : null,
    _productDetails :
    {
        _productSkuKey : 800,
        _description : "Product Description",
        _collection : "Collection1",
        _department : 200,
        _productSize : "Size1",
        _productClass : 45,
        _productStyle : 1234,
        _material : "Product Material",
        _price : 100.00,
        _mediaFileName : "XYZ"
    },
    _products : null,
    _errorDetails :
    {
        _message : "success",
        _status : 200
    }
}

//product.ts
import { IProductDetails } from './productDetails';

export interface IProduct {

    productDepartment: string;
    productClass: string;
    productMaterial: string;
    productStyle: string;
    productDetails: IProductDetails;
    products: null;
    errorDetails: string;

}

//productDetails.ts
export interface IProductDetails {
    productSkuKey: number;
    description: string;
    collection: string;
    department: number;
    productSize: string;
    productClass: string;
    productStyle: number;
    material: string;
    price: string;
    mediaFileName: string;
}

getProducts(storeId: string, productSKU: string) {
    this.products = this.baseUrl + '/products/' + storeId + '/' + productSKU;
    return this.http.get<IProduct[]>(this.products).catch(this.errorHandler);
  }

this._transactionService.getProduct('98', '343').subscribe(data => this.products = data._productDetails);

我的问题是，这是确保我在代码中使用的对象与json响应数据匹配的正确方法吗？它如何知道将_productSkuKey与我的接口中的productSkuKey映射？

Answer 1

接口的结构和JSON的结构必须等效，这意味着属性应该具有完全相同的名称。

因此，您必须将下划线添加到接口中，或者从服务中删除下划线。

但是，没有办法确保您的接口与来自服务的JSON匹配。通过定义接口，您可以告诉TypeScript您所期望的内容。它并不阻止您接收不同的内容，因为类型信息在编译后会消失