Meteor 遍历数据和助手答案

【问题标题】：Meteor iterating through data & helpersMeteor 遍历数据和助手
【发布时间】：2017-12-16 00:45:46
【问题描述】：

我正在尝试遍历数据，但我希望团队中的不同成员有不同的布局，比如组织总裁应该有 col-md-12（引导程序 - 屏幕的整个宽度），但在那里是 4 位副总统，他们应该有 col-md-3（宽度 div 乘以 4）。分支 A 的员工可能是 col-md-3，B 的 col-md-6，这取决于看起来最好的。

这就是现在的样子。评论的部分是我尝试做但没有工作的部分。

在 member_list.html 中

{{#each members}}
        {{> memberItem}}
{{/each}}

在 member_list.js 中

    var CouncilMembers = [
    {
        name: "ABC",
        position: "President",
    },
    ---4 for VPs----
    ---several employees of different branches A, B, C----
    ]

Template.membersList.helpers({
    members: CouncilMembers
});

在 member_item.html 中

<template name="memberItem">
    <div class="member">
    <!--{{#if Prez}}
        <div class="member-content">
            <h5 class="name">{{name}}</h5>
            <span class="department">{{position}}</span><br />

        </div>
    {{/if}}
    {{#if VicePrez}}
        <div class="member-content col-sm-3">
            <h5 class="name">{{name}}</h5>
            <span class="department">{{position}}</span><br />
        </div>
    {{/if}}-->
        <div class="member-content col-sm-4">
            <h5 class="name">{{name}}</h5>
            <span class="department">{{position}}/span><br />
        </div>
    </div>
</template>

在 member_item.js 中

Template.memberItem.helpers({
 member: function() {
    return member;
 },
 /*
 Prez: function() {
    return member.find({position:'General Secretary'});
 },
 VicePrez: function() {
    return member.find({position:'Vice President'});
 }
 */
});

【问题讨论】：

标签： javascript arrays meteor spacebars

【解决方案1】：

这里有很多事情要做：

在member_list.js 中，您正在使用一个数组。我希望您使用 Mongo Collection 而不是那个数组，但是这种格式是可以的。所以它会是这样的：

Template.membersList.helpers({
  members: () => CouncilMembers.find(),
});

然后，在member_item.js 中，您将在范围内拥有当前项目的所有信息。所以你的助手会是这样的：

Template.memberItem.helpers({
  Prez: function() {
    return this.position === 'General Secretary';
  },
  VicePrez: function() {
    return this.position === 'Vice President';
  }
});

在你实现了类似的东西之后，你的想法应该会奏效

【讨论】：

感谢 this.position 是我所需要的。我计划使用 mongo 集合并使用订阅，稍后发布。