mongodb - 使用 meteor 和 mongodb 在表中显示键值对

Question

在 mongodb 中，我有类似的 json 值，但它不是固定的。有时它只有 2 或 3 个，有时它会非常大。

  {"_id" : "p83oZAo7fdhNuDD34",
"Active Template Name" : "Windows Mobile",
"ProductId" : "456",
"Subcategory" : "on",
"Size" : "on",
"Material" : "A",
"Price" : "2345",
"Combo Id" : "67u",
"Color" : "red",
"Status" : "Pending"
},
{
  "_id" : "p83oZAo7fdhNuDD34",
"Material" : "A",
"Price" : "2345",
"Combo Id" : "67u",
"Color" : "red",
"Status" : "Pending"
}

我想在 tbody 中显示所有键，如 (id、Active Template Name、ProductID ......) 作为表头和值 (p83oZAo7fdhNuDD34,Windows Mobile,456 ......)。

我没有得到在 meteor 中执行此操作的确切方法。我的收藏名称是 products，Html 代码如下。

    <template name="productvalue">
     <table>

     </table>
    </template>

Answer 1

使用 {{#each}} block 助手来迭代您的集合产品。

<template name="productvalue">
  <table>
    <thead>
      <th>Id</th>
      <th>Active Template Name</th>
      <th>ProductId</th>
      [...]
    </thead>
    <tbody>
      {{#each products}}
        <tr>
          <td>{{_id}}</td>
          <td>{{activeTemplateName}}</td>
          <td>{{ProductId}}</td>
          [...]
        </tr>
      {{/each}}
    </tbody>
  </table>
</template>

您还需要定义助手来重命名包含无效空格键字符的有问题的键。

Template.productvalue.helpers({
  products: function(){
    return Products.find();
  },
  activeTemplateName: function(){
    return this["Active Template Name"];
  },
  [...]
});