1. Mustache 概述
Mustache是基于JavaScript实现的模版引擎,类似于JQuery Template,但是这个模版更加的轻量级,语法更加的简单易用,很容易上手。
2. Mustache 具体的使用
下面就具体讲一下Mustache的使用。在开始讲之前,需要先从git hub上获取相关的mustache.js文件,获取文件之后,新建一个解决方案,目录如下:
然后就开始具体的使用,首先需要在页面的head标签内引用Jquery.js 和Mustache.js两个脚本文件,主要有以下几个方面(以下演示的方法均在head标签中的script代码块中):
2.1简单的对象绑定展示
代码示例:
var data ={"company": "Apple",
}var tpl = '
Hello { {company}}
';var html =Mustache.render(tpl, data);console.log(html);
语法解释:
Mustache的语法很简单,用两个大括号标记要绑定的字段即可,“{ {}}”;
大括号内的字段名称要和Mustache.render方法中的第二个参数中的对象的属性