2016-08-22 2 views
3

Newbie angularjs.trying wie diesesAnzeigedaten von json verschachtelten Objekten in HTML mit Winkel js

enter image description here

meine HTML-Codedaten von json verschachtelt Objekt anzuzeigen ist

<a rel="extranal" data-val="<%rcds%>" ng-repeat="rcds in rcd" class="international" id="<%rcds.id%>"> 
<span><img ng-src="<% rcds.routes.subroutes %>"/> <% rcds.subroutes[0].xyz%></span> 
<div class="departure-time"><% rcds.subroutes[0].abc %></div> 
</a> 

wollen Zeigen Sie die Datenunterrouten in der ng-Wiederholung basierend auf der Bedingung des Legtyps in der JSON an.

+0

Von dem, was ich kann sagen Sie, Sie haben eine Reihe von Objekten, in denen Sie ein Array namens 'routes' haben, dann' depart' und nur dann haben Sie die 'subroutes'. Wenn ja, versuchen Sie in Ihrem Code auf Unterrouten direkt auf das Root-Objekt zuzugreifen, aber es kann es nicht finden, weil es nicht da ist. Ihr Code sollte etwa so aussehen: 'rcds.routes [0] .depart [0]. Unterrouten [0] .xyz'. Auf der anderen Seite sollten Sie auch in der Lage sein, ng-Wiederholungen zu verschachteln. – Spluf

+0

Dank @Spluf hat es funktioniert wie Charme – yaswanth

Antwort

1

, wenn Sie zeigen möchten Ihr Objekt als JSON das einzige, was Sie brauchen, ist {{rcds | json}} schreiben

Andernfalls, wenn Sie Ihr verschachteltes Objekt navigieren möchten, sollten Sie Somethings tun:

<div ng-repeat="rcds in red"> 
    <div ng-repeat="route in rcds.routes"> 

    <!-- route element ---> 

     <div ng-repeat="depart in route.depart"> 

     <!-- depart element ---> 

     <div ng-repeat="subroute in route.subroutes"> 

      <!-- subroute element --> 

     </div> 

    </div> 

    </div> 
</div> 
Verwandte Themen