基于电流 url 的部分车把的条件负载

Conditional load of a partial in handlebars based on current url

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

我知道这总是有点乱七八糟,并不是真正有意为之 - 但用于项目车把结构,这似乎是解决问题的最合乎逻辑的方法我 运行 进入.

谢谢

假设

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