mustache.js无法正常工作

Question

我尝试使用mustache.js进行模板化,但我的基本代码不起作用请帮助我出错的地方 -

var person = {
    firstName: "Christophe",
    lastName: "Coenraets"
};

var template = "<h1>{{firstName}} {{lastName}}</h1>";
var output = Mustache.render(template, person);
document.getElementById('result1').innerHTML = output;

上面的代码正在运行,但下面的代码不起作用: -

这一行写在我的.html页面中:

<script id="sample_template" type="text/template">
    <h1>{{firstName}} {{lastName}}</h1>
</script>

这一行写在我的.js文件中:

var data ={
   firstName: "Christophe",
   lastName: "Coenraets"
};
var template = $('#sample_template').html();
//console.log(template);  this prints the html content in console
var info = Mustache.to_html(template, data);
$('#result1').html(info);  

Answer 1

我得到了解决方案,我有胡子服务器端和客户端,我上面描述的问题是,当我尝试填充客户端的占位符然后那些占位符已经消耗在服务器端(becoz我没有sperate文件哪个有渲染服务器端以及渲染客户端的人员.所以他们在客户端渲染时没有占位符,所以只有我会显示html标签.