在流星中設置一個帶幫助者的類

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

謝謝你的幫助。

約恩

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