Angular中对象数据结构中的对象

Question

我从API收到这些结果：

{
  "97": {
    "Title": "This is a title",
  },
  "98": {
    "Title": "This is another title",
  }
}

我正在使用此界面：

export interface Product {
  Title: string;
}

export interface SKU {
  [key: string]: Product
}

我的界面看起来还好吗？以及我如何使用Angular中与* ngFor有关的这种结构？

Answer 1

我认为看起来不错， 并与ngFor一起使用，我认为您需要使用map函数将对象转换为数组。

    var arr = Object.keys(objectName).map((index)=>{
    let item = objectName[index];

    return item ;
});

，然后在* ngFor

中使用arr

Answer 2

您想要实现的是一个数组

[
    "97": {
        "Title": "This is a title",
     },
    "98": {
        "Title": "This is another title",
     }
]

将您的API响应解析为SKU[]。要实现此结构，您可以更正您的服务器代码（正确的执行方式）或对数组进行一些奇特的对象转换（不要这样做）。

将结果解析为SKU[]后，可以使用*ngFor在视图中进行迭代。