Hogan模板引擎的使用
来源:互联网 发布:sql 删除表中数据 编辑:程序博客网 时间:2024/05/17 04:02
1.首先引用模板,定义一个函数来引用模板
var renderHtml=function(template,data){ var hogan=require('hogan.js'); var template=hogan.compile('template'); var result=template.render(data); return result; }
2.使用
var template='<div>I am {{name}}</div>';var data={ name:'Jack'}; renderHtml(template,data);
3.{{{name}}}
{ name : '<span color="red">Rosen</span>' }; // 数据<div>Hey! I am {{{name}}}!</div> //模板 <div>Hey! I am <span color="red">Rosen</span>!</div>//结果引用函数即可
3.{{#list}} {{/list}}
{ list : [ {name : 'Rosen'}, {name : 'JIM'} ], isRosen : true } //数据 {{#list}} <span>{{name}}</span> {{/list}} //模板,运行结果<span>Rosen</span><span>JIM</span> {{#isRosen}}我就是Rosen{{/isRosen}} //运行结果:我就是Rosen
4.{{^list}} {{/list}}
{ list : [], isRosen : false } {{^list}} 这列表抠搜的,啥玩意都没有! {{/list}} //运行结果 :这列表抠搜的,啥玩意都没有! {{^isRosen}}谁是Rosen? 不认识!{{/isRosen}} // 结果: 谁是Rosen? 不认识!
5.{{.}}
{ list : ['Rosen', 'JIM'] } {{#list}} <span>{{.}}</span> {{/list}} // 结果: <span>Rosen</span><span>JIM</span>
6.{{!}}
{{! 我最美}} <span>我最厉害!</span> // 结果: <span>我最厉害!</span>
阅读全文
0 0
- Hogan模板引擎的使用
- Hogan模板引擎的使用
- Hogan模板引擎
- HTML模板渲染引擎Hogan
- Hogan模板
- html渲染模板Hogan
- Smarty模板引擎的使用
- Smarty模板引擎的使用
- freemark模板引擎的使用
- thymeleaf模板引擎的使用
- Hogan
- ThinkTemplate模板引擎的设计和使用
- 【PHP】Smarty 模板引擎的使用总结
- VTemplate模板引擎的使用--入门篇
- 模板引擎freemarker的简单使用教程
- SpringMVC的架设,使用Freemarker模板引擎
- 模板引擎freemarker的简单使用教程
- doT.js 模板引擎的使用
- 集合框架2
- 查出表的主键及主键列
- PHP foreach使用 &引用 的坑
- JavaScript快速实用入门
- 2017.09.09【NOIP 普及组】模拟赛C组
- Hogan模板引擎的使用
- 集合框架3
- iOS:报错:闭包不调用
- 手机自适应
- leetcode 78. Subsets DFS深度优先搜索
- Annotation--自定义Annotation
- python-1
- 士兵队列训练问题--队列(数据结构)
- 暑期总结