Javascript 流星条件CSS

如何将

背景色：#ccc

设置为

{{colorLike}

帮助程序？此颜色用于列表项

<template name="viewPost">
Names:
{{#each userNames}}
<li class="name"><a class="{{colourLike}}" href="{pathFor 'viewItem'}" >{{name}}</a></li>
{{/each}}
</template>

所选文章来自单击文章标题时创建的另一个模板的会话集。单击后，用户可以看到喜欢该帖子的人的所有用户名的列表。因此，我的目标是使这些名称具有某种颜色

当用户单击名称时，他们可以查看“项目”，该项目是viewItem模板上此特定用户配置文件中的一个字段。此模板还显示一个“不喜欢”项目的按钮。如果是，则项目的用户ID存储在Post文档的“不喜欢”字段中

<template name="viewItem">
 {{profile.item}}
  <div class="dislike">
    <button type="button" class="btn btn-default btn-lg">
     <span class="glyphicon glyphicon-remove"></span> Dislike
    </button>
 </div>
</template>

{{profile.item}
不喜欢

最惯用的方法是应用语义类，例如“喜欢”或“不喜欢”，然后在CSS中，将背景颜色应用于具有该类的元素

{{{#每个喜欢的用户}

{{/每个}}
{{{每个人都不喜欢别人}

{{/每个}}

这里的

likingUsers

与您已经编写的

userNames

helper相同，

dislikingUsers

与之类似，但它得到的是不喜欢它的用户

/*css*/
a、 喜欢{
背景色：#ccc；
}
a、 不喜欢{
背景色：#fff；
}

---

这样，如果您以后决定以不同的方式设置喜欢/不喜欢的帖子的样式-例如，将喜欢的帖子变为绿色，或在不喜欢的帖子上添加删除线-您只需更改CSS，而不必更改JS代码或HTML模板。

您还可以向我们显示帮助程序代码吗。这是我不知道怎么做的，我指的是喜欢/不喜欢是如何决定的。你的标题对象是否有任何属性表明它是可爱的？不，基本上，这些都是存在于“喜欢”字段中的数组中的用户ID。此文档位于Post集合中。本质上，我返回的是Meteor.users.find（{u id:{$in:sumArray}}），对不起，我粘贴了错误的代码部分，这些是用户名。请告诉我，我会做出改变。这段代码看起来最符合逻辑。但是，我在浏览器控制台中遇到以下错误。你以前见过吗？…“路由调度从未呈现。你是否忘记在onBeforeAction中调用此.next（）”？这似乎是一个无关的问题，你的路由器一定有问题。我将对此进行调查。谢谢你的意见！我不确定这是否与刚才更新到meteor v1有关。我将代码恢复到以前的状态，但仍然会出现此错误。我更新到meteor 1.0并出现相同的错误，但我确实记得在Iron Router中看到了一些不向后兼容的更改。我是如何修复它的：

<template name="viewItem">
 {{profile.item}}
  <div class="dislike">
    <button type="button" class="btn btn-default btn-lg">
     <span class="glyphicon glyphicon-remove"></span> Dislike
    </button>
 </div>
</template>