javascript - 小胡子模板：如何在主干视图中引用外部文件

Question

以下代码（*）有效，但我不想使用：

$(this.el).html(Mustache.render("<h2>{{title}}</h2>", view));

我想要做：

$(this.el).html(Mustache.render("somePath/myFile.html", view));

我该怎么做？

(*)

render: function () 
{
    var view = {
        response: this.model.title
    };
    $(this.el).html(Mustache.render("<h2>{{{title}}}</h2>", view)); // it works
    $(this.el).html(Mustache.render("myFile.html", view)); // it does not work
},

Answer 1

你可以做 ：

$.get("myFile.html", function(html) { $(this.el).html(Mustache.render(html, view)) });

$.get是对文件的简写 AJAX 请求，然后使用文件的内容 ( html) 作为 HTML 供 Mustache 呈现。