如何在javascript node.js中的玉模板上顯示分組對象的值

Question

基於此如何基於JavaScript Node.js中的單個值動態拆分數組，我使用數組創建了對象，並且我可以通過以下方式顯示每個數組的名稱：

- each item in Object.keys(groupedData)
         li= item

結果是：

* Fruit
* Sport
* Kitchen

但是，如何顯示不同表中每個數組的值？ 例如。

我不知道如何從數組中獲取任何價值？

我想到了這個li= item.array[0].tag但它不起作用。

---

@編輯

如果我使用：

 - each val, key in groupedData
         li #{JSON.stringify(val)}

我可以在視圖中顯示值和結果：

[{"name":"Apple","tag":"Fruit","price": 2},
{"name":"Kiwi","tag":"Fruit","price": 1}]

但是我怎么把它放在桌子上呢？

Answer 1

這是一個小示例，您可以看到在此Codepen中工作

- var groupedData = {'X': [{'a': 'x0', 'b': 'x1'},{'a': 'xx0', 'b': 'xx1'}], 'Y': [{'a': 'y0', 'b': 'y1'},{'a': 'yy0', 'b': 'yy1'}], 'Z': [{'a': 'z0', 'b': 'z1'},{'a': 'zz0', 'b': 'zz1'}]}
- each grp in Object.keys(groupedData)
  h1= grp
  table
    thead
      - each val, index in groupedData[grp][0]
        th= index
    - each subgrp in groupedData[grp]
      tr
        - each val in subgrp
          td= val