将html模板转化为javascript模块

作者:赵金添 分类: 前端 发布于:2014-10-13 23:20 ė1020次浏览 60条评论
目的:
减轻前端拼接大量HTML以及维护时候的困难程度。


安装:
npm install tpl2js -g


html模板:
{{title}} \n

{{if(false)}}
    zhao \n
{{else}}
    chen \n
{{endif}}

{{for data=users key=k item=i}}
    {{k}} - {{i.name}} \n
{{endfor}}


生成html模板对应js模板:
tpl 1.html


使用:
var tpl = require('tpl/1/1.tpl.js');

var html = tpl.render({
    title: 'the title',
    users: [{
        name: 'xiao zhao',
        age: 30
    }, {
        name: 'xiao chen',
        age: 29
    }]
});

alert(html);



项目地址:https://github.com/zhaotoday/tpl

本文出自 赵金添的前端博客@福州软件外包公司,转载时请注明出处及相应链接。

0
分享本文至:

发表评论

电子邮件地址不会被公开。必填项已用*标注


Ɣ回顶部