2016-07-03 3 views
1

im делать webapp с метеор, и я бы хотел применить класс active в элементе li, если его значение равно переменной из переменной Session, называемой (месяц)Установить класс с помощниками в meteor

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

Спасибо и за помощь.

Йоанн

ответ

0

Вы можете передать переменную в свой класс помощника и сравните с переменной 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"; 
      } 
     } 
    }); 
Смежные вопросы