微信小程序教程
9.3.2 script 块作为模板
阅读(

微信小程序介绍

微信小程序设计指南

微信小程序开发简介

微信小程序开发框架

微信小程序框架视图层

微信小程序框架组件

微信小程序框架 API

微信开发者工具

模板解析引擎 Mustache

概述

Mustache标签

Mustache模板

字符串作为模板

script 块作为模板

使用这种方式,首先要在一个 <script> 块中定义模板。如:

<script id="template" type="x-tmpl-mustache">
  Hello {{ name }}!
</script>

然后,在其他 <script> 块中,就可以通过 id 来获取模板。如:

<script>
//拿到template 
var template = $('#template').html(); 
//预解析
Mustache.parse(template);
//渲染
var out = Mustache.render(template, {name: "Luke"});
$(function(){
  $('#target').html(out);
});
</script>

使用这种方式需要注意的是,定义模板的 <script> 块,要在调用模板的 <script> 块的前面定义,否则将无法获取模板,导致渲染失败。

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

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

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验