小横 2016-01-19 00:15 采纳率: 100%
浏览 1784
已采纳

nodejs express中handlebars 报错

nodejs express中自定义handlebars helps,页面中写有类似{{fuctt num}}时就是打不开网页

 {{#section "head"}}
    <script type="text/javascript" src="js/jquery-1.11.3.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.3.0/handlebars.min.js"></script>
    <script type="text/javascript" src="js/myjs.js"></script>

        <script id="some-template" type="text/x-handlebars-template">
        <table>
            <thead>
            <th>Username</th>
            <th>Real Name</th>
            <th>Email</th>
            </thead>
            <tbody>
            {{#if users}}
            <tr>
                <td>{{username}}</td>
                <td>{{firstName}} {{lastName}}</td>
                <td>{{email}}</td>
            </tr>
            {{else}}
            <tr>
                <td colspan="3">NO users!</td>
            </tr>
            {{/if}}
            </tbody>
        </table>
    </script>
  <script id="helper-template" type="text/x-handlebars-template">
        <div>
##             <h1>By {{fullName author}}</h1>****/*此处报错打不开网页,备注后能打开*/****
            <div>{{body}}</div>

            <h1>Comments</h1>

            {{#each comments}}
            <h2>By {{!-- {{fullName author}} --}}</h2>
            <h2>{{body}}</h2>
                {{/each}}
            </div>
    </script>
{{/section}}
 <h2>Simple handlebars demo</h2>
    <button id="btn_simple">Click me</button>
    <div id="my_div">

    </div>
    <h2>Handlebars Helpers demo</h2>
    <button id="btn_helper">Click me</button>
    <div id="helper_div">

    </div>

## **其余引用文档都能加载

## 下面是js文件**

     $(document).ready(function(){  
        Handlebars.registerHelper('fullName', function(person) {  
          return person.firstName + "这就对了 " + person.lastName;
        });  
      $("#btn_simple").click(function(){  

          alert("first button")
        showTemplate();  
      });  
       $("#btn_helper").click(function(){  

        showHowUseHelper();  
      });  
    });  
    // var context = {title: "My New Post", body: "This is my first post!"};  
    var persion = {title :"My New Post",body:"This is my first post!"}  
    function showTemplate(){  
        var source   = $("#some-template").html();  
        var template = Handlebars.compile(source);  
          var data = { users: [  
              {username: "alan", firstName: "Alan", lastName: "Johnson", email: "alan@test.com" },  
              {username: "allison", firstName: "Allison", lastName: "House", email: "allison@test.com" },  
              {username: "ryan", firstName: "Ryan", lastName: "Carson", email: "ryan@test.com" }  
            ]};  
          $("#my_div").html(template(data));;  
    }  

    function showHowUseHelper(){  
        var context = {  
          author: {firstName: "Alan", lastName: "Johnson"},  
          body: "I Love Handlebars",  
          comments: [{  
            author: {firstName: "Yehuda", lastName: "Katz"},  
            body: "Me too!"  
          }]  
        };  
        var source   = $("#helper-template").html();  
        var template = Handlebars.compile(source);  
        $("#helper_div").html(template(context));;  

    }  
  • 写回答

3条回答

  • zangjiali 2016-01-19 05:06
    关注
    \{{fullName author}} 
    

    我们必须转义至少一个大括号,否则,服务器端视图会尝试对其进行替换。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 树莓派与pix飞控通信
  • ¥15 自动转发微信群信息到另外一个微信群
  • ¥15 outlook无法配置成功
  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题