artTemplate基本用法
生活随笔
收集整理的這篇文章主要介紹了
artTemplate基本用法
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>artTemplate基本用法</title><script src="js/jquery-1.10.1.min.js"></script><!-- 引入模板引擎js --><!-- <script src="js/template.js"></script> --><script src="js/template-native.js"></script><!-- 定義模板，使用簡(jiǎn)潔語法，簡(jiǎn)單，可讀性高，推薦 --><script id="itany" type="text/html"><h2>班級(jí)名稱：{{className}}</h2><ul>{{each students as student i}}<li>序號(hào)：{{i+1}}，學(xué)號(hào)：{{student.id}}，姓名：{{student.name}} </li>{{/each}}</ul>{{if className=="wbs16092"}}<p>你是二樓wbs16092班的！</p>{{else if className=="wbs16101"}} <p>你是一樓wbs16101班的！</p>{{else}}<p>你是哪個(gè)班的哦？</p> {{/if}}</script><script>var data={className:"wbs16092",students:[{id:1001,name:"tom"},{id:1002,name:"mike"},{id:1003,name:"alice"},{id:1004,name:"jack"},],};//渲染模板$(function(){var result=template("itany2",data);$("#info").html(result);});</script>
</head>
<body><div id="info"></div>
</body>
</html>
?
總結(jié)
以上是生活随笔為你收集整理的artTemplate基本用法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 查询中国城市公交线路
- 下一篇： 格林童话故事100篇经典