Meteor: Verwendung Wenn Bedingung zum Anzeigen von Vorlagen konditional angezeigt wird, wenn Benutzer auf einen Navigationslink klickt

Question

Ich habe einige Vorlagen, die verschiedenen Orten entsprechen. Ich benutze eine Navigationsleiste mit Links zu verschiedenen Orten (Manali). Ich möchte, dass die entsprechende Vorlage angezeigt wird, wenn auf einen bestimmten Link geklickt wird. Ich habe versucht, ID jedem Anker Link zuzuweisen und es innerhalb der #if-Schleife der Hauptdatei zu verwenden. Wie unten.

{{#if equals id 'badrinath'}} 

{{> Manali}} 

{{/if} 

Ich habe eine Hilfsfunktion auch für den Vergleichszweck erstellt.

UI.registerHelper('equals', function(a, b) { 
    return a == b; 
}); 

Aber es funktioniert nicht. Kann jemand eine Lösung vorschlagen? Welche Eigenschaft des Links kann ich erfassen und verwenden, um die Vorlage entsprechend anzuzeigen.

Answer 1

Sie klingen nach "Routing" -Funktionalität.

Sie könnten Iron Router oder Flow Router interessiert sein.

Sie können immer noch Ihre Funktionalität ohne Router implementieren, da es immer noch eine einfache Situation wie beschrieben klingt. Ihnen fehlen wahrscheinlich nur einige Ereignis-Listener, um Ihre id Variable auf den richtigen Wert zu setzen.

Wahrscheinlich so etwas wie:

<a data-role="changetemplate" href="targetTemplate">To Target Template</a> 

var id = new ReactiveVar(); // add the reactive-var package 

Template.myTemplate.helpers({ 
    id: function() { 
    return id.get(); 
    } 
}); 

Template.myTemplate.events({ 
    "click a[data-role='changetemplate']": function (event) { 
    event.preventDefault(); 
    id.set(event.currentTarget.href); 
    } 
});