核心提示: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.{{!}}
{{! 我最美}} 我最厉害! // 结果: 我最厉害!