使用流星 js 模板渲染嵌套集合

Question

我是 JavaScript 和 Meteor 的新手。我设法设置了所有服务器端通信，但不知道如何在我的集合中呈现数据块。就是这样：

{"NAME1":{"service":"NAME1","count":0,"maxCount":0},"NAME2":{"service":"NAME2","count":1,"maxCount":1},"NAME3":{"service":"NAME3","count":2,"maxCount":2},"NAME4":{"service":"NAME4","count":3,"maxCount":3},"NAME5":{"service":"NAME5","count":4,"maxCount":4},"NAME6":{"service":"NAME6","count":5,"maxCount":5}}

我可以通过调用标签名称来提取这个块。在那之后，我被困住了。每个 NAME 作为键都是一个动态字符串，我只知道值是数组 - 服务、计数和 maxCount，我希望这些值以 3 列的表格格式显示 - 名称、计数和最大值。我可能应该使用光标进行此块渲染，但不知道该怎么做。请帮忙。

我要渲染的 JSON 块在“p”标签内

<template name="template_name">
<h2> Data </h2>
   {{#each all_blocks}}
     {{#with block_i_need }}
        <p>"block i need: " {{.}}</p>
      {{/with}}
    {{/each}}
</template>`

如何将 block_i_need 传递给函数并返回 service、count 和 maxCount 值？

Answer 1

您可以使用_.values 提取对象的值数组。

Template.whatever.services = function() {
  var object = getThatJsonBlockSomehow();
  // object is {"NAME1":{"service":"NAME1","count":0,"maxCount":0}, ...};
  return _.values(object);
  // returns [{"service":"NAME1","count":0,"maxCount":0}, ...]
}

然后，在模板中，您可以使用 #each 来迭代该数组。 （#each 允许您遍历数组或游标。）

<template name="whatever">
  <table>
    <tr>
      <th>Service</th><th>Count</th><th>Max count</th>
    </tr>
    <!-- iterate over the [{"service":"NAME1","count":0,"maxCount":0}, ...] array -->
    {{#each services}}
      <tr>
        <td>{{service}}</td><td>{{count}}</td><td>{{maxCount}}</td>
      </tr>
    {{/each}}
  </table>
</template>