Mustache的使用

Mustache的简介
Mustache是一个轻逻辑的模板引擎，它是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，通常是标准的HTML文档
Mustache的基本用法
首先需要导入mustache.js文件
mustache渲染形式单一

var html=mustache.render(teamp,data)

teamp是一个模板的html,代码如下：

var teamp='<select id="subject" name="subject">'+'{{#list}}'+'<option>'+' {{name}}'+'</option>' +'{{/list}}'+'</select>'+'<select  id="course" name="course">'+'{{#list}}'+'<option>'+' {{subject}}'+'</option>' +'{{/list}}'+'</select>'+'<div class="btn2">111111</div>'

data是一个数据源对象，样例如下：

var data={list:[{name:"计算机",subject:["计算机软件","计算机应用技术","计算机科学与技术"]},{name:"化学工程与技术",subject:["化学工程","化学工艺"]},{name:"电子科学与技术",subject:["物理电子学","电路与系统"]}]};

mustache标签介绍
1）{{variable}}变量

 var data={"name":{"first":"zhangwei","last":"yuting"},"age":22}var show={{name.first}} {{name.last}} {{age}}

输出为：zhangwei,yuting,22
2){{{prop}}} 带有HTML的变量
{{prop}}中的html会直接转义
如果属性是加粗的话，显示的时候直接解析带有样式的值
3）{{#prop}}{{/prop}}用于遍历参数
4）{{^prop}} {{/prop}}用于遍历参数，不同于{{#prop}}{{/prop}}当prop为null,undefined,甚至json数据里没有这个prop字段时会显示
5）{{.}}用于枚举数组

Mustache的使用相关推荐

mustache 渲染文本一直渲染不出来
今天在模板上页面上渲染文本但是渲染了半天,什么也没有渲染出来为什么呢,你看我前台的html页面如此: <script type="text/x-template" id= ...
Mustache初识
一.Mustache 简介: Mustache 是一个轻逻辑模板解析引擎,它的优势在于可以应用在 Javascript.PHP.Python.Perl 等多种编程语言中. 二.Mustache 语法: ...
mustache模板技术
一.简介 Web 模板引擎是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,通常是标准的 HTML 文档.当然不同的开发语言有不同模板引擎,如 Javascript 下的 Ho ...
Mustache.js和Handlebars.js有什么区别？
本文翻译自:What are the differences between Mustache.js and Handlebars.js? Major differences I've seen ar ...
mustache语法转自小花大方
mustache语法 mustache 模板,用于构造html页面内容.在实际工作中,当同一个模板中想要调用不同的函数来渲染画面,在已经自定义好了的前提下,可以在渲染页面时对传入的参数进行手动判断.[ ...
Web模板引擎—Mustache
Web模板引擎--Mustache 2012年9月12日 BY BELL·12 COMMENTS Web 模板引擎是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,通常是标准的 ...
Mustache 中的html转义问题处理
避免在使用Mustache引擎是发生html字符转义 1,模板代码示例: var xml= " <?xml version="1.0" encoding=& ...
javascript库之Mustache库使用说明
一.简单示例代码: 1 function show(t) { 2 $("#content").html(t); 3 } 4 5 var view = { 6 title: 'YZ ...
Mustache.js使用笔记（内容属于转载总结）
1.Mustache的语法很简单,用两个大括号标记要绑定的字段即可,"{{}}" Mustache主要的渲染方法为Mustache.render(),该方法有两个参数,第一个为要渲 ...
mustache,用{{}}获取值
{{}}是属于java mustache controller类设置保存对象值在cars-common中有引入mustache.js,web再引入cars-common.jar包 <bean ...

Mustache的使用

Mustache的使用相关推荐

最新文章

热门文章