码迷,mamicode.com
首页 > 其他好文 > 详细

Handlebars初级

时间:2015-08-12 01:33:38      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:

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标签。




Handlebars初级

标签:

原文地址:http://my.oschina.net/uniquejava/blog/490989

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!