通过流星/蒙戈返回子文档数组

Question

我在返回和显示要添加到子文档中的标签时遇到了一些麻烦。 我没有添加标签的问题，但是想要为每个标签在标签上贴上标签。 我根本找不到能够帮助我在子文档中的数组中返回项目的资源。 我认为这是我所困的所有助手-基本上是语法上正确的编写“ Items。（this._id）.itemTags.find（）;”的方法。 :)

哦-我已经删掉了很多HTML和JS，但是，是的，其他所有东西都工作正常。 集合为“项目”，子文档为“ itemTags”，在插入过程中设置为“ itemTags：[]”。 在测试环境中，我可以添加“猫”和“狗”作为标签，并可以通过“ Items.find（）。fetch（）;”检查对象来验证其是否有效。 但正在努力展示它们。

HTML：

<template name="item">
  {{#each itemTags}}
    <span class="label label-default">{{itemTag}}</span>
  {{/each}}
</template>

JS：

Template.item.helpers({
   itemTags: function() {
    var currentUserId = Meteor.userId();
    return Items.find(); // yes, this line is completely wrong, but I'm lost hehe
  }
});

Template.item.events({
  'submit .add-tag': function(event) {
    event.preventDefault();

    var itemTag = event.target.text.value;

    Items.update(this._id, {$push: {itemTags: itemTag}});

    event.target.text.value = "";

    return false;
  }
});

数据库模式（如我的插入命令所示）：

var item = {
  itemText: $(e.target).find('[name=itemText]').val(),
  createdAt: new Date(),
  createdBy: currentUserId,
  hard: false,
  difficulty: 'easy',
  checked: false,
  itemTags: [],
};

item._id = Items.insert(item);

Answer 1

您唯一的问题是尝试迭代同一块中的游标和子数组。 如果将items模板和单个item模板分开，则会得到所需的结果。

为了简化起见，我将您的代码更改为如下所示：

这是您的主体：

<body>
    {{> items}}
</body>

<template name="items">
  {{#each items}}
    {{> item}}
  {{/each}}
</template>

<template name="item">
  <h2>{{itemText}} tags are:</h2>
  <ul>
  {{#each itemTags}}
    <li>{{this}}</li>
  {{/each}}
  </ul>
</template>

这是您的帮手：

Template.items.helpers({
  items: function () {
    return Items.find();
  }
})

假设项目文档如下所示：

{ 
  itemText: String,
  itemTags: Array
}

我已经在Meteorpad上创建了一个应用，供您玩：

http://meteorpad.com/pad/BmRQ5fkwWEMBKszJW/SO-27951102

您可以在此处进一步更改代码并实时查看更改。 它基本上是流星的jsfiddle。

编辑：受@ chip-castle的评论启发，您实际上可以使用一个嵌套了each块的模板：

<template name="items">
  {{#each items}}
    <h2>{{itemText}} tags are:</h2>
    <ul>
    {{#each itemTags}}
      <li>{{this}}</li>
    {{/each}}
    </ul>
  {{/each}}
</template>

但是在必要时在设计和处理事件时使用单独的模板更为灵活。

Answer 2

您有发布和订阅设置吗？

服务器/ publications.js

Items = new Mongo.Collection("items");

Meteor.publish("items", function () {
  return Items.find({});
});

客户机/ subscriptions.js

Items = new Mongo.Collection("items");

Meteor.subscribe("items");