标签:
handlebarjs.com
一个小例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="handlebars-v3.0.3.js"></script>
<script src="jquery-2.1.4.js"></script>
<script id="entry-template" type="text/x-handlebars-template">
<div class="entry">
<h1>{{title}}</h1>
<div class="body">
{{body}}
</div>
</div>
</script>
</head>
<body>
<script>
var source = $("#entry-template").html();
var template = Handlebars.compile(source);
var context = {title: "My New Post", body: "This is my first post!<hr>"};
var html = template(context);
$("body").append(html);
</script>
</body>
</html> 默认的用两个{{号会自动转义(escape)HTML字符,也是就编码HTML字符,也就是最终将原样显示。
用{{{三个括号则会解释执行其中的HTML标签。
标签:
原文地址:http://my.oschina.net/uniquejava/blog/490989