在流星中设置一个带有助手的类答案

【问题标题】：Set a class with helpers in meteor在流星中设置一个带有助手的类
【发布时间】：2016-07-03 16:33:12
【问题描述】：

我正在用流星做一个 webapp，我想在一个 li 元素中应用一个 active 类，如果它的值等于一个名为 ('month') 的 Session 变量中的变量

<template name="Navbar">    
  <ul class="nav navbar-nav">
    <li class="{{active}}"><a href="#myPage">Janvier</a></li>
    <li class="{{active}}"><a href="#">Février</a></li>
    <li class="{{active}}"><a href="#">Mars</a></li>
    <li class="{{active}}"><a href="#">Avril</a></li>
    <li class="{{active}}"><a href="#">Mai</a></li>
    <li class="{{active}}"><a href="#">Juin</a></li>
    <li class="{{active}}"><a href="#">Juillet</a></li>
    <li class="{{active}}"><a href="#">Août</a></li>
    <li class="{{active}}"><a href="#">Septembre</a></li>
    <li class="{{active}}"><a href="#">Octobre</a></li>
    <li class="{{active}}"><a href="#">Novembre</a></li>
    <li class="{{active}}"><a href="#">Décembre</a></li>
  </ul>
</template>

我的变量 session 给了我一个月的时间，如果 innerHtml 等于 session 变量，我希望有一个助手将类“活动”到它。我不知道如何检索“this”innerHtml 的值。

Template.Navbar.helpers({
  active: function() {
    if(Session.get("month") === this.value) {
      return "active";
      }
  }
});

感谢您的帮助。

约安

【问题讨论】：

标签： javascript jquery meteor helpers

【解决方案1】：

您可以将一个变量传递给您的助手类并与您的会话变量进行比较。

<template name="Navbar">    
  <ul class="nav navbar-nav">
    <li class="{{active 'Janvier'}}"><a href="#myPage">Janvier</a></li>
     ...
  </ul>
</template>

在您的模板中，您可以使用该变量。

Template.Navbar.helpers({
      active: function(month) {
        if(Session.get("month") === month) {
          return "active";
          }
      }
    });

【讨论】：