Meteor：迭代集合内的对象

Question

我遇到过几次这个问题，它慢慢让我发疯。简短的问题：当给定一个包含 Object 作为字段的集合时，我们如何在模板中迭代该对象。

集合中的每个条目可能如下所示：

{
    "_id" : "jsWmXTvocbSMM5JAF",
    "userId" : "gcko4Eo3YtZaWa8aj",
    "gameId" : "eduzNj8kWv7TdiEuE",
    "scores" : {
        "team1" : 3,
        "team2" : 1,
        "losses" : 7
    }
}

我们可以在模板中轻松访问{{userId}} 或{{gameId}}，当然{{scores}} 只是显示了我们所期望的[object Object]。

我尝试过使用{{#each scores}}，我之前在数组中使用过它，但当然会引发错误：

{{#each}} currently only accepts arrays, cursors or falsey values.

然后我尝试变得聪明（这不是一个好主意）并将一堆对象放入一个数组中，然后将其返回给模板：

Template.scorePad.helpers({
    scoresArray: function () {
        var arr = [], scores = this.scores;
        for (var key in scores) {
            var obj = {};
            obj[key] = scores[key];
            arr.push(obj);
        }
        return arr;
    }
}

我不知道为什么我认为这是个好主意，因为这只是为模板提供了一个如下所示的数组：

[{team1: 3}, {team2: 1}, {losses: 7}]

哪个，是的，太棒了.. 我可以#each 覆盖它，但它只会打印出object Object 三遍。正如预期的那样。但我在这里，涵盖了所有的基地。

Meteor github 有一个关于此的未解决问题（关于无法将 @key 与 #each 一起使用），但我真的希望有人有一个简单的解决方案。

This 的问题有点接近我正在做的事情，但完全不一样。

我也试过#with，结果基本一样。

基本上，我正在寻找一种优雅的“流星”方式来做到这一点，如果有的话。显然我不是专家。那怎么办？

EDIT 回答 cmets：为了澄清，在模板中，理想的解决方案（不起作用）将在我的 html 中使用类似的东西，并遍历每个键：值对收集数据中的内部分数：

<div> {{#each scores}} {{this.key}} {{this.value}} {{/each}} </div>

并遍历集合数据中分数内的每个键：值对。

Answer 1

你能试试这个吗：

Template.scorePad.helpers({
scoresArray: function () {
    var arr = [], scores = this.scores;
    for (var key in scores) {
        var obj = {};
        obj.key = key;
        obj.value = scores[key];
        arr.push(obj);
    }
    return arr;
  }
}

并像这样迭代它：

<div>
{{#each scores}}
    {{this.key}}
    {{this.value}}
{{/each}}
</div>