art-template基本用法例子

最新推荐文章于 2025-10-03 10:26:49 发布

原创最新推荐文章于 2025-10-03 10:26:49 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

html 同时被 3 个专栏收录

19 篇文章

订阅专栏

javascript

11 篇文章

订阅专栏

json

6 篇文章

订阅专栏

博客给出了art-template的基本用法例子，为使用该模板提供了参考。

art-template基本用法例子

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>art-template例子</title>
<script src="art-template.js"></script>
</head>

<body>
<div id="content"></div>
<script id="template" type="text/html">
{{if isAdmin}}

<h1>{{title}}</h1>
<ul>
    {{each list value i}}
        <li>索引 {{i + 1}} ：{{value}}</li>
    {{/each}}
</ul>

{{/if}}
{{$data}}
</script>

<script>


var data = {
	title: 'ORM框架',
	isAdmin: true,
	list: ['Hibernate', 'Mybatis', 'Bee', 'Honey']
};
var html = template('template', data);
document.getElementById('content').innerHTML = html;
</script>
</body>
</html>