メーターでヘルパーを持つクラスを設定する

Question

meteorを使ってwebappを実行していて、その値が（ '月'）というセッション変数の変数と等しい場合、li要素にactiveのクラスを適用したいと思います。

<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

あなたのヘルパークラスに変数を渡すと、あなたのセッション変数と比較することができます。

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