Setze eine Klasse mit Helfern in Meteor

Question

Ich mache eine Webapp mit Meteor und ich möchte eine Klasse von Aktiv in einem li-Element anwenden, wenn der Wert einer Variable aus einer Session-Variablen ('Monat') entspricht

<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>

Meine Variable Sitzung gibt mir einen Monat, und ich würde mit einem Helfer wie die Klasse „aktiv“ zu setzen, wenn die Innerhtml auf die Session-variablen gleich ist. Ich weiß nicht, wie ich den Wert von "this" innerHtml abrufen soll.

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

Thank u für die Hilfe.

Yoann

Answer 1

Sie können eine Variable in Ihre Helfer-Klasse übergeben und mit Session-Variablen vergleichen.

<template name="Navbar">  
    <ul class="nav navbar-nav"> 
    <li class="{{active 'Janvier'}}"><a href="#myPage">Janvier</a></li> 
    ... 
    </ul> 
</template> 

In Ihrer Vorlage können Sie die Variable verwenden.

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