2017-12-10 3 views
-2

enter image description here [ { "name": "hugh jackmen", "Alter": 45, "ParentID": 0, "CreatedBy": "hugh jackmen", "CreatedOn": "2017.10.12" , "Order": 1, "LikedBy": null, "Beschreibung": "Hallo Welt", "myPage": [ { "name": "hugh jackmen 1", "Alter": null , "Parentid": 1, "CreatedBy": "Hugh Jackmen 1", "CreatedOn": "10.12.2017", "Bestellung": 1, "LikedBy": null, "Beschreibung": "Hallo Welt 1", "myPage": [ { "name": "hugh jackmen 11", "Alter": null, "ParentID": 2 "CreatedBy": "hugh jackmen 11", "CreatedOn": "2017.12.10", "Order": 1, "LikedBy": null, "Beschreibung": "Hallo Welt 11", " myPage "[] } ] }, { "name": "hugh jackmen 2", "Alter": null, "ParentID": 1, "CreatedBy": "hugh jackmen 2", "CreatedOn": "2017.10.12", "Order": 2, "LikedBy": null, "Beschreibung": „Hallo Welt 2" , "myPage": [ { "name": "hugh jackmen 21", "Alter": null, "ParentID": 2, "CreatedBy": "hugh jackmen 21", " CreatedOn ":" 10.12.2017 ", " Bestellen ": 1, " LikedBy ": null, " Beschreibung ":" Hallo Welt 21 ", " myPage ": [] } ] } ] } ]Angular4 repetierte Json-Array-Objekt Datenbindung mit mehreren ngFor?

wie in 4 unter Verwendung von Winkeln ngFor Schleife dieses Formet json binden?

Antwort

0

Sie sind für ngFor

<ul *ngFor="let pers of patients"> 
     <li> 
      {{pers.name}} {{pers.Age}} {{pers.Description}}  
     </li> 
</ul> 

DEMO

+0

json Objekt einige Details mehrere Objekt haben suchen, so müssen wie alle Schleife verschachtelt durch ein Objekt –

+0

Verwenden ngFor – Sajeetharan

+0

{{mypage .name}} {{mypage .Age}} {{mypage.Description}}
myPage Array dynamisch erstellt mehrere innere Array-Schleife myPage wie mit dieser Art von Json umgehen? –