Backbonejs 与小胡子模板。

我想使用带有小胡子模板的backbonejs 来做一个简单的应用程序。你能给我一个示例程序吗？

新节点文件：

var Person = Backbone.Model.extend({
    defaults: {
        name: 'Guest Worker',
    }
});

var PersonView = Backbone.View.extend({
    tagName: 'li',
    initialize: function(){
        _.templateSettings = {
              interpolate: /\{\{(.+?)\}\}/g
            };

        this.render();
    },
    render: function(){
        var template1 = _.template("Hello {{ name }}!");        
        this.$el.html( this.template1(this.model.toJSON()));
    }
});

这是我的js代码。

Mustache 模板引擎不以这种方式工作。这是文档中的一个小示例：

var view = {
    title: "Joe",
    calc: function () {
        return 2 + 4;
    }
};
// output will then contain processed html
var output = Mustache.render("{{title}} spends {{calc}}", view);

无论如何，我建议您使用车把（http://handlebarsjs.com/ http://handlebarsjs.com/）而不是小胡子。它的语法几乎相同（并且它具有与 Mustache 相同的部分），但由于它的助手而更加强大。

最后，您应该使用一些东西来预编译您的模板。您可以使用车把的一个（http://handlebarsjs.com/precompilation.html http://handlebarsjs.com/precompilation.html）或另一种，如早午餐或咕噜声。

[Edit]好吧，让我们尝试详细说明一下......我不会给你任何完整的例子（我现在没有，它不会教你任何东西），但我上面发布的应该足以了解小胡子基础知识。 现在您必须找到一种预编译模板的方法，这里有一个包含一些线索的答案：如何使用 Hogan.JS 从外部文件加载模板？ https://stackoverflow.com/questions/14601578/how-to-load-templates-with-hogan-js-from-an-external-file