理清Hogan与Mustache模板引擎

Hogan与Mustache

Hogan是一个非常简单的模板引擎，可以把它理解成Mustuche语法的编译器。

安装Hogan

npm install hogan.js --save-dev

Hogan用法

// 引入hogan
const hogan = require('hogan.js');
 
// 渲染所需模板
const tmpl = 引入模板文件
 
// 渲染所需数据
let renderData = {...}
 
// 模板的编译
const compiledTmpl = hogan.compile(tmpl);
 
// 模板的渲染
const renderHTML = compiledTmpl.render(renderData);

注意：renderData必须是对象，如果是数组，记得用{}包起来。

Hogan语法

{ {#keyName}}…{ {/keyName}}
相当于 keyName.forEach(function(){…}) 或 if(keyName){…}

// 数据:
{
    list : [
        {name : 'Rosen'},
        {name : 'JIM'}
    ],
    isRosen : true
}
 
// 数组型用法：
{
  {#list}}
    <span>{
  {name}}</span>
{
  {/list}}
// 数组型结果：
<sp