zoukankan      html  css  js  c++  java
  • Handlebars 介绍

    最新项目用到了Ember.js前端框架,第一次使用这样的框架,准备国庆节花2天时间,研究一下它的用法。

    Ember框架的模板引擎用到了handlebars, 先看国外的一篇介绍文章:An Introduction to Handlebars

    手动写了一个测试示例:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
    </head>
    <body>
        <script id="blogs" type="text/x-Handlebars-template1">
           <div class="entry">
          <h1>{{title}}</h1>
          <div class="body">
            {{body}}
          </div>
        </div>
        </script>
        <div id="temp"></div>
    </body>
    </html>
    <script src="scripts/handlebars-v4.0.2.js"></script>
    <script type="text/javascript">
        var context = {
            title: "handlebars introduction",
            body: "handlebar is js template..."
        };
        var template = Handlebars.compile(document.getElementById("blogs").innerHTML);
        document.getElementById("temp").innerHTML = template(context);
    </script>
    
  • 相关阅读:
    多线程 介绍
    AE中如何获取曲线的一部分(转)
    friday
    THU
    MON
    SAT
    周三
    TUE
    绝对遗憾!
    monday
  • 原文地址:https://www.cnblogs.com/andrewcn/p/4851148.html
Copyright © 2011-2022 走看看