首页 > Web开发 > 详细

模板插件aTpl.js新增功能

时间:2016-04-18 08:43:59      阅读:175      评论:0      收藏:0      [点我收藏+]

摘要:

  aTpl.js是一款模板插件,该插件支持ie5+,chrome等浏览器以及移动端浏览器,支持for和if语法,以及表达式。最近对aTpl.js模板插件增加了新的功能,支持字符串模板,同时增加了模板缓存功能。

项目地址:https://github.com/baixuexiyang/aTpl

性能测试:http://baixuexiyang.github.io/aTpl/doc/perform.html

实例:

var data = {
      name: ‘测试‘,
      sex: 1,
      contact: [{
        name: ‘张三‘,
        sex: 1
      }, {
        name: ‘李四‘,
        sex: 2
      }]
    };
    var temp = "{{@ for(var i = 0, _l = aTpl.contact.length; i < _l; i++){ }}        {{@ if(aTpl.contact[i].name===‘张三‘ ) { }}            <li>                <span>姓名:{{ aTpl.contact[i].name + ‘条件输出‘ }}</span>                <span>性别:{{ aTpl.contact[i].sex===1 ? ‘男‘: ‘女‘ }}</span>            </li>        {{@ } else { }}            <li>                <span>姓名:{{ aTpl.contact[i].name }}</span>                <span>城市:{{ aTpl.contact[i].sex===1 ? ‘男‘: ‘女‘ }}</span>            </li>        {{@ } }} {{@ } }}";
    aTpl.template(temp).render(data, function(html) {
      document.getElementById(‘demo‘).innerHTML = html;
    });

 

模板插件aTpl.js新增功能

原文:http://www.cnblogs.com/xiyangbaixue/p/5402250.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!