2012-05-09 77 views
1

下面的代码(*)的作品,但我想,而不是使用:胡子模板:如何引用外部文件中的骨干视图

$(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 
}, 

回答

5

你可以这样做:

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

$.get是文件的简写AJAX请求,然后使用文件(html)的内容作为HTML的胡子渲染。

+0

这非常有趣。 – fguillen

+0

你是什么意思? – drinchev

+0

我认为使用外部文件作为模板是一种优雅的技巧,这就是所有:) – fguillen