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


