display data of json nested objects in html using angular js

Question

Newbie to angularjs.trying to display data from json nested object like this

enter image description here

my html code is

<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>

want to display the data subroutes in the ng-repeat based on the condition of legtype in the json.how to do this.

Answer 1

if you want show your object as JSON the only thing that you need is write {{rcds | json}}

Otherwise if you want to navigate your nested object you should do somethings like:

<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>