javascript - Angular 创建具有动态属性的模型

Question

我正在尝试为下面的类别对象创建一个模型:

{
    "categories": [
        {
            "sandwiches": [
                {
                    "name": "breadedChickenFlatbread",
                    "description": "A good sandwich",
                    "img": "./sandwich.jpg",
                    "price": "$8.99"
                }
            ]
        },
        {
            "pizzas": [
                {
                    "name": "PizzaPie",
                    "price": "5milliondollars",
                    "img": "",
                    "description": ""
                }
            ]
        }
    ]
}

我不确定如何创建“类别”的模型部分，因为数据项可能会更改。例如，API 可以返回“汉堡”和“配菜”，而不是“三明治”和“披萨”。

这是我所拥有的:

export class Menu {
    categories: Array<Category>;
}

class Category {
    // ?
}

// Details will always be the same
class Details {
    name: string;
    description: string;
    img: string;
    price: string;
}

如何将对象中的类别名称映射到我的模型？或者应该更改响应对象

Answer 1

因此类别可以这样输入:

interface Category {
  [key:string]: Details[];
}

这是一个索引签名，基本上意味着类型类别具有一定数量的字符串键，这些字符串键将具有详细信息数组类型值。

您可以使用更严格的文字输入 key :

type CategoryKey = 'pizzas'|'sandwiches'|'burgers'|'fries';

interface Category {
  [key:CategoryKey]: Details[];
}

现在类别界面只能有那些特定的键。