首页 > 其他 > 详细

Handlebars初级

时间:2015-08-12 01:30:30      阅读:177      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!