Question

我有一个文件JSON（从Google工作表导出），这是我的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并将其放入数组中，以便以角度显示它们

thx

Answer 1

您可以做的一件非常简单的事情是将该文件作为模拟数据包含在您的angular应用程序中，以便您可以将其导出为const（或首先创建class）然后使用它。或者，如果您有此文件的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

Answer 2

既然有了数据，就可以将它们放入* ngFor。确保您使用了邀请。Invités，因为您在json中的Invités中拥有数组

JSON数据并放入数组

2 个答案: