你的位置:首页 > Java教程

[Java教程]模板插件aTpl.js新增功能


摘要:

  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;  });