Question

即时通过meteor进行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>

我的变量会话给了我一个月，如果innerHtml等于会话变量，我希望有一个帮助器将类“激活”。我不知道如何检索“this”innerHtml的值。

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

感谢您的帮助。

的Yoann

Answer 1

您可以将变量传递给助手类并与Session变量进行比较。

<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";
          }
      }
    });

在流星中设置一个带帮助者的类

1 个答案: