유성기에 도우미가있는 클래스 설정

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

는 도움을 U 감사드립니다.

요안

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