如何在 Angular 中编写 json 以获得不同的值

Question

我知道如何从本地 jsonFile 在 Angular 中打印它：

[{
            "Firstname": "Steve",
        "Lastname": "Jansson"
    
        },
        {
            "Firstname": "Kurt",
            "Lastname": "Nilsson"
        },
        {
            "Firstname": "Lisa",
            "Lastname": "Andersson"
        }]

这是我打印出来时的样子

   <p> List!</p>
    <ul>
        <li *ngFor="let adress of arrAdressbook; let i = index">{{adress.Firstname}} {{adress.Lastname}} </li>    
    </ul>

但是如果我想打印以下内容怎么办？

{
    "Adressbook": [{
            "Firstname": "Steve",
            "Lastname": "Jansson",

            "Adress": [{
                "Street": "Hollowroad 17",
                "City": "Sidney"
            }]
        },
        {
            "Firstname": "Kurt",
            "Lastname": "Nilsson",
            "Adress": [{
                "Street": "Asbroad 14",
                "City": "Canberra"
            }]
        },
        {
            "Firstname": "Lisa",
            "Lastname": "Andersson",
            "Adress": [{
                "Street": "kangahoop 14",
                "City": "Bunberry"
            }]
        }
    ]
}

任何帮助将非常感激！ 干杯! //麦加弗

Answer 1

比你想象的要容易得多。 使用 angular json pipe Z5E056C500A1C4B6A7110B50D807////////////

<pre>{{ data | json }}</pre>