你的位置:首页 > Java教程

[Java教程]js模版引擎Mustache介绍

Mustache通常被称为JavaScript模板的基础。另一个流行的解决方案Hanldebars实际上就是基于Mustache构建而成的。这并不意味着Mustache是一个不好的模板解决方案。

下面例举一例:

Mustache.render("Hello, {{name}}", { name: "Jack" });// 返回: Hello, Jack 

一旦在页面中包含了Mustache,你就可以访问全局对象“Mustache”。你可使用其中最主要的方法“render”,它包含两个参数。首个参数是实际的模板,第二个参数则为需要传入的参数值。

上例中,你可以看见“{{name}}”。其中的“{{}}”实际上为Mustache的语法,表示一个占位符。当Mustache对其进行编译时,它将在传入的对像中寻找“name”属性,并用该属性的值(该例中为“Jack”)来代替“{{name}}”。

在这里,模板只为一个字符串,但如果你有一个更复杂的模板,该方法可能就不适用了。通常的解决方案是将模板放在“script”标签中:

<script type="text/x-mustache" id="template"><p>Hello, {{name}}</p> </script> 

然后,我们可以访问的script标签的内容。例如,使用jQuery,它很容易实现:

var temp = $("#template").html(); Mustache.render(temp { name: "Jack" }); // 返回: <p>Hello, Jack</p> 

 

给“script”一个浏览器无法理解的“type”属性,浏览器就会忽略该Script,不将它作为JavaScript,也不会执行它。

你也可在模板中使用循环,如下面这个模板:

{{#people}}   {{name}} {{/people}} 

传递数据:

{ people: [ { name: "Jack" }, { name: "Fred" } ] } 

你将得到“JackFred”字符串。

 

下载地址:http://www.csdn.net/article/2013-09-16/2816951-top-five-javascript-templating-engines

 


去山西旅游最佳路线去山西旅游最佳时间山西旅游线路报价山西旅游攻略大全山西旅游路线推荐上海周边避暑胜地有哪些? 津城温泉哪家好 按图索骥没烦恼 高校游走进黑龙江中医药大学 高校游 走进黑龙江中医药大学(组图) 清远高铁站到古龙峡漂流怎么坐公交?清远高铁站怎么到古龙峡漂流? 清远北站到古龙峡漂流打车多少钱?清远到古龙峡漂流一日游攻略? 清远到古龙峡漂流班车在哪坐?清远名都汽车站到古龙峡漂流有车吗? 清远古龙峡漂流自驾游攻略?到古龙峡漂流在哪下高速? 2015长鹿农庄动漫音乐节时间?顺德长鹿农庄动漫音乐节几天? 顺德长鹿农庄五一有什么节目?长鹿农庄音乐节什么时候? 五一去洛阳牡丹花节赏花攻略?2015洛阳牡丹花节几号结束? 洛阳国际牡丹园盛花期什么时候?洛阳国际牡丹园花全开了吗? 2015年7月份去三亚要注意些什么?去三亚要带什么? 在野外露营遇到意外怎么办? 2015年7月份海南三亚天气怎么样? 云南黑龙潭公园在哪? 5-22F-CD32 Datasheet 5-22F-CD32 Datasheet 5-22F-CD33 Datasheet 5-22F-CD33 Datasheet 5-22F-CD33/H400MA Datasheet 5-22F-CD33/H400MA Datasheet 河源出发去大洋洲旅游 河源出发去大洋洲旅游 河源出发去大洋洲旅游 河源出发去岱山岛旅游 河源出发去岱山岛旅游 河源出发去岱山岛旅游 河源出发去丹麦旅游 河源出发去丹麦旅游 河源出发去丹麦旅游