javascript - 根据当前 url 有条件地加载 Handlebars 中的部分内容

Question

我想加载 Handlebars 部分，但仅当 URL 为“/foo”时，并为“/bar”加载不同的部分。

我知道这总是有点黑客行为，并不是真正有意的 - 但使用项目 Handlebars 结构，这似乎是解决我遇到的问题的最合乎逻辑的方法。

谢谢

Answer 1

假设

• 包含 jquery
• 您的模板文件位于同一文件夹中
• 您的模板文件的名称为“foo.bs”和“bar.hbs”

代码

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