Arttemplate 前端模板引擎
2015-08-05 19:33
351 查看
网址:http://aui.github.io/artTemplate/
使用一个
快速上手
编写模板
使用一个type="text/html"的
script标签存放模板:
<script id="test" type="text/html"> <h1>{{title}}</h1> <ul> {{each list as value i}} <li>索引 {{i + 1}} :{{value}}</li> {{/each}} </ul> </script>
渲染模板
var data = { title: '标签', list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他'] }; var html = template('test', data); document.getElementById('content').innerHTML = html;
相关文章推荐
- HTML<1>
- javascript笔记08:javascript的if...else语句
- ExtJS的定时调用函数
- JS获取一个月的最后一天
- js 数组函数
- 24 Swap Nodes in Pairs
- HDU 1829 A Bug's Life (并查集)
- 学习angularjs时遇到 XX is not a function
- javascript总结
- Hello JSP!——基础语法篇
- 高质量CSS
- 利用CSS3的transition属性实现滑动效果
- 设置google浏览器不缓存JS
- 4 classes in Bootstrap Grid system
- yii jquery折叠、弹对话框、拖拽、滑动条、ol和ul列表、局部内容切换
- 根据数据显示行的样式
- CSS的font-size属性及其em值的使用
- @keyframes规则实现多重背景的CSS动画
- javascript 的 "!function" 是什么意思?
- js实现全选反选