普通使用

<script id="test" type="text/html">
{{if isAdmin}}
<h1>{{title}}</h1>
<ul>
{{each list as value index}}
<li>索引:{{index}}:{{value}}</li>
{{/each}}
</ul>
{{/if}}
</script>
<script>
var data = {
title : 'HELLO WORLD',
isAdmin : true,
list : ['新闻','军事','历史','政治']
};
var html = template('test', data);
</script>

no-escape 不转义HTML  

<script id="noEscape" type="text/html">
<p>不转义:{{#text}}</p>
<p>默认转义: {{text}}</p>
</script>
<script>
var data_noEscape = {
text: '<span style="color:#F00">hello world!</span>'
};
var html_noescape = template("noEscape", data_noEscape);
</script>

在javascript中存放模板 

<script>
var source = '<ur>' +
'{{each list}}'+
'<li>索引:{{$index+1}}:{{$value}}</li>'+
'{{/each}}'+
'</ul>';
var data = {
list : ['电影','电视剧','综艺','音乐']
};

var render = template.compile(source);
var html = render(data);
</script>

辅助方法

<script id="templateCont" type="text/html">
{{time | myFunc:'...'}}
</script>
<script>
function myFunc(arg){
...
} var data = {
time: 1408536771253,
}; template.helper("myFunc", myFunc);
var html = template('templateCont', data);
</script>

最新文章

  1. Spark入门实战系列--2.Spark编译与部署(上)--基础环境搭建
  2. [转载]DW数据仓库建模与ETL的实践技巧
  3. C# 用代码创建 DataSet 和 DataTable 的列和记录
  4. codevs 3008 加工生产调度[贪心]
  5. C#操作redis代码汇总
  6. Unity编辑器-创建单独编辑框,折叠框,提示框
  7. python自定义排序函数
  8. Model和Entity Framework
  9. python--sorted函数
  10. eclipse安装Veloeclipse(Velocity编辑插件)
  11. js获取url中的参数方法
  12. hdoj 1251 字典树||map
  13. Oracle重做日志恢复数据模拟实验
  14. mybatis 一对多查询
  15. 【CQOI2014】危桥
  16. Jquery模拟多选框(checkbox)
  17. centos----------centos下安装谷歌浏览器
  18. js阻止默认事件,如a标签跳转和事件冒泡
  19. mysql安装时,提示:Failed to start service MYSQL80
  20. Mac PATH你所需要了解的

热门文章

  1. Beego的参数配置
  2. 简单记账本APP开发一
  3. xampp安装配置比较容易卡住的地方
  4. 报错Exception in thread &quot;main&quot; java.lang.NoClassDefFoundError: javax/xml/bind/...
  5. harbor仓库部署时启用https时的常见错误KeyError: &#39;certificate&#39;等
  6. knitr::kable实现结构化展示数据
  7. Structure preserving unsupervised feature selection
  8. loj6277 数列分块入门题1
  9. PHPstorm配置xdebug问题小记
  10. 占位 CP