1、Mustache的語法很簡單，用兩個大括號標記要綁定的字段即可，“{{}}”
Mustache主要的渲染方法為Mustache.render()，該方法有兩個參數，第一個為要渲染的模版，
也就是例子中的template，第二個就是數據源也就是例子中的user對象
例：

$(function () { var user = { name: "Olive", age: 23, sex: "girl" }; var template = "My name is {{name}} ,I'm {{age}} ,Sex is {{sex}}"; var view = Mustache.render(template, user); $("#user_info").html(view); }）

?

2、view最終的結果是My name is Olive ,I'm 23 ,Sex is girl;
3、對象數組循環渲染展示

var users = { result: [ { name: "Only", age: 24, sex: "boy" }, { name: "for", age: 24, sex: "boy" }, { name: "Olive", age: 23, sex: "girl" } ]}; var template = "<div><table cellpadding=0 cellspacing=0 class='tb' ><tr><td>Name</td><td>Age</td><td>Sex</td></tr>{{#result}}<tr><td>{{name}}</td><td>{{age}}</td><td>{{sex}}</td></tr>{{/result}}</table><div>"; var views = Mustache.render(template, users); $("#users_info").html(views);

?

（1）對于對象數據Mustache也有其特殊的語法：{{#}}{{/}}，如果所給定的數據源是一個對象數組，
則可以使用該語法，很方便的用來循環展示。
{{#}}{{/}}還有另外的一層意思就是判斷是否為空，如果{{#}}中的值為null或false或undefined則其標記內的內容不展現。
有了判空的方法當然還有與之相反的方法{{^}}，該方法表示的意思與{{#}}意思相反。
（2） 其中{{#}}標記表示從該標記以后的內容全部都要循環展示
{{/}}標記表示循環結束。這種情況多用于table行的展示。
注:在某些時候，我們要綁定的數據源中可能會有一些html標記，如果單純的采用{{}}這種方式來綁定的話，默認的會將html標記轉義。
為了解決防止綁定字段中的內容被轉移我們可以這樣做{{&}},這樣就可以防止轉義。

參考網址：http://blog.csdn.net/xuemoyao/article/details/17896203

轉載于:https://www.cnblogs.com/dongxiaolei/p/5834021.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的Mustache.js使用笔记（内容属于转载总结）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。