Jade不呈現外部JSON

Question

我有一個翡翠模板，該模板應列出QPX Express搜索請求的所有可能解決方案：

{ kind: 'qpxExpress#tripsSearch',
  trips: 
   { kind: 'qpxexpress#tripOptions',
     requestId: 'RwDOf6HXVDvvn6nBm0PNpw',
     data: 
      { kind: 'qpxexpress#data',
        airport: [Object],
        city: [Object],
        aircraft: [Object],
        tax: [Object],
        carrier: [Object] },
     tripOption: [ [Object], [Object], [Object] ] } }

但是，我正在嘗試渲染上面的視圖，但我不斷收到此錯誤：

Cannot read property 'tripOption' of undefined

模板

block content
  .ui
    for data in result
      .ui_box
        .ui_box__inner
          .event
            span #{data.trips.tripOption[].saleTotal}

路線

router.get('/', function(req, res, next) {
  api.apiGet(function (data) {
    console.log(data) //THIS WORKS
    res.render('index', {result: data})
  })
})

所有代碼對我來說都很合適，我正在研究API文檔中的屬性。 誰能指出我正確的調試方向？

Answer 1

更新：1

要顯示saleTotal數組中的tripOption ，請更改您的玉器模板，如下所示，

block content
  .ui
    for data in result
      .ui_box
        .ui_box__inner
          .event
            each trip in data.trips.tripOption
            span #{trip.saleTotal}

---

在您的代碼中， span #{data.trips.tripOption[].saleTotal}

如果data引用JSON內容，則像這樣更改跨度綁定

span #{data.trips.data.tripOption[].saleTotal}否則span #{data.tripOption[].saleTotal}

因為tripOption在data對象中可用而不在trips