Bedingte Belastung eines Teils im Lenker basierend auf der aktuellen URL

Question

Ich möchte einen Lenker teilweise laden, aber nur, wenn die URL '/ foo' ist, und laden Sie eine andere teilweise für '/ bar'.

Ich weiß, dass dies immer ein bisschen ein Hack sein wird, und nicht wirklich beabsichtigt - aber verwenden Sie die Projektlenker Struktur, es scheint der logischste Weg zur Lösung des Problems, dem ich renne.

Dank

Answer 1

vorausgesetzt

• jquery ist
• Vorlage enthaltenen Dateien im selben Ordner
• Ihre Template-Dateien haben, sind die Namen "foo.bs" & "bar.hbs"

code

function loadTemplate(templateName) { 
    $.get(templateName + '.hbs', function (data) { 
     var template = Handlebars.compile(data); 
     $(body).html(template(jsonData)); 
    }, 'html'); 
} 

if (window.location.pathname.search('bar') !== -1) { 
    loadTemplate('bar'); 
} 
if (window.location.pathname.search('foo !== -1) { 
    loadTemplate('foo'); 
}