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>
原创粉丝点击