模板插件aTpl.js新增功能
生活随笔
收集整理的這篇文章主要介紹了
模板插件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;});?
與50位技術專家面對面20年技術見證,附贈技術全景圖總結
以上是生活随笔為你收集整理的模板插件aTpl.js新增功能的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: (11)Spring Boot配置Con
- 下一篇: ARC中block块作为属性的使用笔记