您现在的位置:首页 >> 前端 >> 内容

Hogan模板引擎的使用

时间:2017/9/13 10:33:00 点击:

  核心提示:1.首先引用模板,定义一个函数来引用模板var renderHtml=function(template,data){ var hogan=require(hogan.js); var templat...

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='

I am {{name}}

'; var data={ name:'Jack' }; renderHtml(template,data);

3.{{{name}}}

{ name : 'Rosen' }; // 数据

Hey! I am {{{name}}}!

//模板

Hey! I am Rosen!

//结果 引用函数即可

3.{{#list}} {{/list}}

{ 
list : [ {name : 'Rosen'}, 
          {name : 'JIM'} 
       ], 
isRosen : true 
} //数据

 {{#list}} {{name}} {{/list}} //模板,运行结果RosenJIM

 {{#isRosen}}我就是Rosen{{/isRosen}} //运行结果:我就是Rosen

4.{{^list}} {{/list}}

 { 
 list : [], 
 isRosen : false
  } 
 {{^list}} 这列表抠搜的,啥玩意都没有! {{/list}} //运行结果 :这列表抠搜的,啥玩意都没有!
 {{^isRosen}}谁是Rosen? 不认识!{{/isRosen}} // 结果: 谁是Rosen? 不认识!

5.{{.}}

 { list : ['Rosen', 'JIM'] } 
 {{#list}} {{.}} {{/list}} // 结果: RosenJIM

6.{{!}}

{{! 我最美}} 我最厉害! // 结果: 我最厉害!

Tags:HO OG GA AN 
作者:网络 来源:qian_an_hu