{{sex}},{{age}},{{hobit}}
{{/msg}}"; 2 var html = Mustache.render(tpl, data); 3 4 //输出: 5female, 22, reading
注意:如果{{#data}} {{/data}}中的 data 值为 null, undefined, false;则不渲染输出任何内容。 {{^data}} {{/data}} 该语法与{{#data}} {{/data}}类似,不同在于它是当 data值为 null, undefined, false 时才渲染输出该区块内容。 1 var tpl = {{^nothing}}没找到 nothing 键名就会渲染这段{{/nothing}}; 2 var html = Mustache.render(tpl, data); 3 //输出: 4 没找到 nothing 键名就会渲染这段 {{.}} {{.}}表示枚举,可以循环输出整个数组,例如: 1 var tpl = "{{#subject}}{{.}}
{{/subject}}"; 2 var html = Mustache.render(tpl, data); 3 //输出: 4Ch
En
Math
physics
{{>partials}} 以>开始表示子模块,如{{> msg}};当结构比较复杂时,我们可以使用该语法将复杂的结构拆分成几个小的子模块,例如: 1 var tpl = "{{{age}}}
{{/msg}}" 2 //输出: 322
{{!comments}} !表示注释,注释后不会渲染输出任何内容。 1 {{!这里是注释}} 2 //输出: 在工作中,如果页面上的内容是从后台获取数据并渲染到页面上时,我们就可以使用mustache模板了,值得注意的是,render的数据一定要与键名相符合。 1