将数组元素迭代为集合文档（Meteor）中的单个值

Question

我正在尝试创建一个在线聊天列表。每当一个人进入一个房间时，他的昵称就会被推入 inRoom 的数组中，当他离开时，它会再次被拉出。到目前为止，这工作正常。不过，在实际列表中显示数组让我感到困惑。

我需要将名称分开以便将它们放入锚标记中，因为这些名称是 url 参数。

房间文件如下所示：

{
  "_id": "crsEES5d22uYJiqDZ",
  "name": "Room",
  "roomdesc": " ",
  "inRoom": [name1, name2, name3],
  "createdAt": "2019-06-08T12:39:51.382Z",
  "owner": "Kuroki"
}

我有一个帮手来获取数组。我使用 getParam 来获取房间的名称以便找到正确的房间。

Template.onlineliste.helpers({
  roomData() {
    var name = FlowRouter.getParam('name');
    return Channels.find({name:name}, {sort: {createdAt: 1}})
  },
});

然后我尝试迭代哪一个当然会将数组显示为一个整体，而不是将每个名称都显示为单个值

<template name="onlineliste">
    {{#each roomData}}
    {{inRoom}} 
    {{/each}}
  </template>

有人可以告诉我如何迭代数组的单个值，这样它们就会显示出来

• 姓名 1
• 名称 2
• 名称 3

代替名称1、名称2、名称3

感谢您的帮助

Answer 1

有人可以告诉我如何迭代数组的单个值，以便它们显示为...

inRoom 字段本身就是一个数组，所以你需要第二个each：

<template name="onlineliste">
  {{#each room in roomData}}
    <ul>
      {{#each name in room.inRoom}} 
        <li>{{name}}</li>
      {{/each}}
    </ul>
    {{/each}}
</template>

如果无论如何只有一个房间要显示，您甚至可以更改代码以返回当前的单人房间：

Template.onlineliste.helpers({
  roomData() {
    var name = FlowRouter.getParam('name');
    return Channels.findOne({name:name}})
  },
});

仅按名称返回一个房间文档，不需要迭代。然后您可以通过以下方式访问它：

<template name="onlineliste">
  {{#with roomData}}
    <ul>
      {{#each name in this}} 
        <li>{{name}}</li>
      {{/each}}
    </ul>
  {{/with}}
</template>