html - 使用angular js在html中显示json嵌套对象的数据

Question

angularjs 的新手。尝试像这样显示来自 json 嵌套对象的数据

enter image description here

我的html代码是

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

想根据json中的legtype条件在ng-repeat中显示数据子路由。如何实现。

Answer 1

如果你想将你的对象显示为 JSON，你唯一需要做的就是编写 {{rcds | json}}

否则，如果你想导航你的嵌套对象，你应该这样做:

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