查看“通用JS工具类封装(hogan 渲染html模板功能)”的源代码
←
通用JS工具类封装(hogan 渲染html模板功能)
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
==编写函数== 在mm.js中添加: <nowiki>//渲染html模板 renderHtml: function(htmlTemplate,data){ //将我们传入的模板和数据进行拼接 }</nowiki> ==安装hogan== npm install hogan@1.0.2 --save ==引入hogan== 在mm.js中添加: <nowiki> var Hogan = require('hogan.js');; //渲染html模板 renderHtml: function(htmlTemplate,data){ //将我们传入的模板和数据进行拼接 var template = Hogan.compile(htmlTemplate), result = template.render(data); //通过data把这个模板渲染出来 return result; } </nowiki> 在index,js中引入这个函数: <nowiki>var html = '<div>{{data}}</div>'; var data ={ data:123 } console.log(_mm.renderHtml(html,data));</nowiki> ==测试hogan== [[文件:web4-27.png]]
返回至
通用JS工具类封装(hogan 渲染html模板功能)
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息