通用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));