微信小程序介绍
微信小程序设计指南
微信小程序开发简介
微信小程序开发框架
微信小程序框架视图层
微信小程序框架组件
微信小程序框架 API
微信开发者工具
模板解析引擎 Mustache
概述
Mustache标签
{{.}}
{{^keyName}} {{/keyName}}
{{#keyName}} {{/keyName}}
{{{keyName}}}
{{&keyName}}
{{keyName}}
{{>partials}}
以 > 开始表示子模块，如 {{> profile }}。当结构比较复杂时，可以使用该语法将复杂的结构拆分成几个小的子模块。
在实际使用时，首先定义子模块。如，定义一个名称为 profile 的子模块：
var partials = {profile: "{{#info}}<li>{{sex}}</li><li>{{age}}</li><li>{{hobit}}</li>{{/info}}"};
然后，在模板中，通过子模块的名称来引用它，> 后面的字符串为子模块的名称。如：
var tpl = "<ul>{{>profile}}</ul>";
最后，在渲染式，只需增加一个子模块参数即可。如：
var out = Mustache.render(tpl, data, partials);
完整代码如下：
var data = {
"name": " xiaohua ",
"info": {
"sex": " female ",
"age": " 22 ",
"hobit": " reading "
}
};
var partials = {profile: "{{#info}}<li>{{sex}}</li><li>{{age}}</li><li>{{hobit}}</li>{{/info}}"};
var tpl = "<ul>{{>profile}}</ul>";
var out = Mustache.render(tpl, data, partials);
console.log(out);
输出结果为：
<ul>
<li>female</li>
<li>22</li>
<li>reading</li>
</ul>
如果本教程对您帮助很大，请随意打赏。您的支持，将鼓励我们提供更好的教程！
赏
