juicerjs引用模板的使用方式
来源:互联网 发布:sql转换成日期格式函数 编辑:程序博客网 时间:2024/06/03 21:00
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script id="tpl" type="text/juicer"> <ul> {@each list as it,index} <li>${it.name} (index: ${index})</li> {@/each} {@each blah as it} <li> num: ${it.num} <br /> {@if it.num==3} {@each it.inner as it2} ${it2.time} <br /> {@/each} {@/if} </li> {@/each} </ul> </script> <div id="container"> </div> <script src="js/jquery.js"></script> <script src="js/juicer.js"></script> <script src="js/test.js"></script> </body></html>
其中juicerjs官网下载: http://juicer.name/docs/docs_zh_cn.html
test.js:
var data={ list:[ {name:'guokai',show:true}, {name:'benben',show:false}, {name:'dier',show:true} ], blah:[ {num:1}, {num:2}, {num:3,inner:[ {'time':'15:00'}, {'time':'16:00'}, {'time':'17:00'}, {'time':'18:00'} ]}, {num:4} ] }; var tpl = document.getElementById('tpl').innerHTML; var html = juicer(tpl, data); $("#container").html(html);
阅读全文
0 0
- juicerjs引用模板的使用方式
- 用jquery的方式使用handlebars模板
- c++引用计数外置方式模板实现
- 引用的传递方式
- Java的引用方式
- easyUI的引用方式
- 类对象引用计数使用模板实现(奇特的递归模板模式)
- 从实际使用分析CSS引用方式的异同
- 从实际使用分析CSS引用方式的异同
- c++ 模板数组的引用
- python django的模板的基本使用方式
- Thinkphp中模板的使用方式(视图)
- node.js中ejs模板的使用方式
- html5三种引用方式 a标签得连接方式 以及表格的基本使用
- MQL:引用指标的方式
- MVC引用js的方式
- 模板继承中注意的一个问题,只能使用指针或引用的形式
- 关于引用和指针的区别以及模板使用的练习
- python操作cookie ,curl请求
- m1卡工作原理和相关总结
- django wechatpy建立微信简单自动回复
- Unity优化大全(八)之 Memory
- 【SpringCloud】SpringCloud简介
- juicerjs引用模板的使用方式
- ubuntu 安装配置 MongoDB3.4
- 中国大学慕课C语言第五讲笔记
- 封装通用的底部导航栏
- hive2.2.1安装
- select全选和反选
- freecodecamp JavaScript学习(四)
- Android之AlertDialog的基础使用
- Unity优化大全(九)之 Memory