在Angular中解析JSON对象

我有一个名为

SampleJSON

的示例JSON，如下所示：

"type1":{
"0":{"title":"Title1","url":"URL1"},
"1":{"title":"Title2","url":"URL2"},
"2":{"title":"Title3","url":"U",
    "0":{"title":"Title1","url":"URL1"},
    "1":{"title":"Title2","url":"URL2"},
    -----------------------------------,
    -----------------------------------
}
"3":{"title":"Title4","url":"URL4"},
-----------------------------------,
-----------------------------------
}

如何在Angular5中循环通过节点

“type1”

，并获取

title

和

url

的值。

---

我被卡住了，在尝试了

ngFor

之后，我无法再移动了。您可以通过按键循环

试试这个：

---

您想在.ts端的HTML端进行迭代吗？此外，您的数据是无序的，正如您在

type2

中看到的，有0,1,2,3，但在

type1

中没有。请在这里发布您的完整数据，我需要在HTML端进行迭代。将整个JSON粘贴到此处并更新链接我已经更新了相关的JSON示例。同样，这不是有效的格式，您需要更新至少有效的JSONformat@John贝拉斯克斯，谢谢你的指导。这对我们帮助很大。

export class AppComponent {
    name = 'Angular 5';

    test: any;
    testFinal: any[];

    constructor() {
      this.testFinal = [];
        this.test = {
            "type1": {
                "0": { "title": "Title1", "url": "URL1" },
                "1": { "title": "Title2", "url": "URL2" },
                "2": {
                    "title": "Title3", "url": "U",
                    "0": { "title": "Title1", "url": "URL1" },
                    "1": { "title": "Title2", "url": "URL2" },
                },
                "3": { "title": "Title4", "url": "URL4" }
            }
        }

        //Iterate the keys
        for(let x in this.test){

          for(let y in this.test[x]){
             this.testFinal.push(this.test[x][y]);
          }
        }
        console.log(this.testFinal)


    }
}