如何在Ember的mdc-layout-grid的下一行中显示嵌套的JSON对象?

我想在网格的下一行中显示一个嵌套的JSON对象。我正在使用Ember和mdc-layout-grid。

我的JSON数据如下:

data = [{
"amzOrderId": "403-8957866-2673902","financialEventType": "SHIPMENT","timestamp": 1570025882722,"numOfItems": 1,"nested": [{
"amzOrderId": "405-3430902-0842748","numOfItems": 1}]},{
"amzOrderId": "171-9021455-7043516","timestamp": 15700258888722,"nested":null,}]

我要渲染的hbs文件:

<li class="sales-list-row">
  {{#mdc-layout-grid as |grid|}}
    {{#grid.inner as |inner|}}
      {{#inner.cell class="bought" span=2}}
        <h3 class="bought__value">{{get data "numOfItems"}}</h3>
      {{/inner.cell}}
      {{#inner.cell class="purchased" span=2}}
        <span class="purchased__text">Purchased</span>
        <h3 class="purchased__value">{{format-date (get data "timestamp") "date"}}</h3>
      {{/inner.cell}}
      {{#inner.cell class="id" span=2}}
        <h4 class="id__value">{{get data "amzOrderId"}}</h4>
      {{/inner.cell}}        
    {{/grid.inner}}
  {{/mdc-layout-grid}}
</li>

现在,我想在下一行(如果存在)中渲染“嵌套的”对象值(如果嵌套为null,则移至下一个data [element])。我该如何解决这个问题?我尝试了几种方法,但是它们不起作用。

dgdfy6777 回答:如何在Ember的mdc-layout-grid的下一行中显示嵌套的JSON对象?

我希望答案能帮助任何人。我很容易在上面的HBS文件的末尾添加了这个循环:

{{#if data.nested}}
    {{#each data.nested as |row|}}
      {{nested-row data1=row}}
    {{/each}}
{{/if}}

和组件nested-row.hbs将具有与上面的HBS文件相同的代码,但是我们需要使用get data1。希望能帮助到你!!

本文链接:https://www.f2er.com/2968013.html

大家都在问