通用JS工具类封装(hogan 渲染html模板功能)

来自CloudWiki
跳转至: 导航搜索

编写函数

在mm.js中添加:

//渲染html模板
	renderHtml: function(htmlTemplate,data){
       //将我们传入的模板和数据进行拼接
       
	}

安装hogan

npm install hogan@1.0.2 --save

引入hogan

在mm.js中添加:

var Hogan = require('hogan.js');;

//渲染html模板
renderHtml: function(htmlTemplate,data){
 //将我们传入的模板和数据进行拼接
 var template = Hogan.compile(htmlTemplate),
 result  = template.render(data);
 //通过data把这个模板渲染出来
 return result;
       
	}

在index,js中引入这个函数:

var html = '<div>{{data}}</div>';
var data ={
	data:123
}
console.log(_mm.renderHtml(html,data));

测试hogan

Web4-27.png