Question

Helllo，这可能是个常见问题，但我没有找到合适的答案。

我有一个html文件：header.html，其中包含我想要显示的标题

这是我的Backbone.View

el: $(".header"),

initialize: function () {
    this.render();
},

render: function () {
    var template = _.template( $("#header_template").html(), {} );
    this.$el.html( template );
},

当我将代码放在java脚本模板中时，它可以工作：

<script type="text/template" id="header_template">
    code of header.html goes here
</script>

但是当我以这种方式使用它时：

<script type="text/template" id="about_template" src="header.html"></script>

它停止工作，即使萤火虫看到模板中的代码。

有人可以告诉我我的错误是什么以及如何解决它

Answer 1

组织模板的一种简洁方法是创建子文件夹tpl。在这里添加所有.html个文件

Coenraets a nice tutorial使用此方法和templateloader函数。

然后在引导骨干应用程序之前将模板加载到内存中。

tpl.loadTemplates(['header', 'wine-details', 'wine-list-item'], function() {
    app = new AppRouter();
    Backbone.history.start();
});

使用Backbone模板

1 个答案: