Arrays JSON数据并放入数组中

我有一个JSON文件（从google sheet导出），下面是我的JSON：

{
    "Invités": {
        "Boizard ": {
        "Noms": "Boizard ",
        "Enfants": null,
        "FP": true,
        "Adresse": null,
        "Brunch": 7,
        "Nbr FP": 2,
        "OK": null,
        "OK enfant": null,
        "KO": null,
        "Attente": null,
        "mail cadeau": null,
        "Remerciements": null
        },
        "JLV et Sylviane Chartier": {
        "Noms": "JLV et Sylviane Chartier",
        "Enfants": null,
        "FP": true,
        "Adresse": "16 av du Général de Gaulle - 94300 Vincennes",
        "Brunch": 0,
        "Nbr FP": 1,
        "OK": null,
        "OK enfant": null,
        "KO": null,
        "Attente": null,
        "mail cadeau": null,
        "Remerciements": null
        },
        "J.........": {
        ..........
        ..........
        ..........
        }

    }   
}

我想从文件中检索数据JSON，并将其放入数组中，以便用angular显示它们

---

thx

您可以做的一件非常简单的事情是将此文件作为模拟数据包含在angular应用程序中，以便您可以将其导出为常量（或首先创建一个

类

），然后使用它。 或者，如果您有此文件的get方法，则可以创建一个服务并

subscribe（）

，以便将其放入数组中

更新

export class MyData {
  title: string;
  details: Details;
}

export class Details{
  ...
  Noms: string;
  Brunch: number;
  Enfants:..... ;
  ...
}

export const MYDATA: MyData[] = [
 {
   title: ...
   details: { ....
   }
 },
 {
   title: ...
   details: { ....
  }
 }, 
......
];

---

在MYDATA常量中使用*ngFor

，因为您已经获得了数据，您可以将其放入*ngFor。确保使用invits.Invités，因为您在json的Invités中有数组

OK。那么，你试过什么？你面临的具体问题是什么？你的问题是什么？使用httpClient模块读取文件thx以获得答案。我将JSON文件放在文件夹资产中。我尝试使用以下命令重新映射数据：结果如下：但我无法使用ngFori重新映射数据我将文件JSON放在文件夹（资产）中，但无法使用ngFori重新映射更新了我的答案…看一看。我希望它能帮助你！谢谢你的回答，我有一个问题，我为每个类创建组件？或者我将当前使用的组件的TS文件放入（抱歉，我从Angular开始）创建一个新的.TS文件并将其全部放在一起（两个类和常量）…然后将它们导入到您想要的组件中以使用它，但我不明白您想告诉我什么。。。我的印象是，我的问题来自我无法利用arrayit中的数据JSON，而这正是我无法触及的部分。我认为问题来自JSON文件，您可以将{{invests | JSON}}放在视图中显示JSON值以进行测试。检查它是否正确显示。测试后，我认为问题来自ngFor，这里是我在TS文件中的内容：我的ngFor我尝试*ngFor=“let invite of invites”我想你的问题是json响应中带有标记“Invités”。尝试使用this.invits=data.Invités；在ts文件中