转:https://github.com/aui/artTemplate
http://cdc.tencent.com/?p=5723
|
<!DOCTYPE HTML> |
|
<html> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<title>basic-demo</title> |
|
<script src="http://aui.github.io/artTemplate/dist/template.js"></script> |
|
</head> |
|
|
|
<body> |
|
<div id="content"></div> |
|
<script id="test" type="text/html"> |
|
{{if isAdmin}} |
|
|
|
<h1>{{title}}</h1> |
|
<ul> |
|
{{each list as value i}} |
|
<li>索引 {{i + 1}} :{{value}}</li> |
|
{{/each}} |
|
</ul> |
|
|
|
{{/if}} |
|
</script> |
|
|
|
<script> |
|
var data = { |
|
title: '基本例子', |
|
isAdmin: true, |
|
list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他'] |
|
}; |
|
var html = template('test', data); |
|
document.getElementById('content').innerHTML = html; |
|
</script> |
|
</body> |
|
</html> |
如有问题,可以QQ搜索群1028468525加入群聊,欢迎一起研究技术
转载请注明:javascript模板artTemplate 出自老鄢博客 | 欢迎分享