微信小程序教程
9.2.7 {{>partials}}
阅读(

微信小程序介绍

微信小程序设计指南

微信小程序开发简介

微信小程序开发框架

微信小程序框架视图层

微信小程序框架组件

微信小程序框架 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>

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我们提供更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验