错误笔记：express中handlebars语法注意事项

生活总是让我们遍体鳞伤，但到后来，那些受伤的地方一定会变成我们最强壮的地方。——海明威《老人与海》

知道错误在哪，才能解决问题。
解决问题的同时能获得更多的知识。

1.添加“\”进行转义语法

错误代码

{{#section "head"}}
<script id ="menubutton" type="text/x-handlebars-template">
      {{#each this}}
        <li>nihao{{name}}</li>
      {{/each}}
</script>
{{/section}}

#

正确代码

{{#section "head"}}
<script id ="menubutton" type="text/x-handlebars-template">
      \{{#each this}}
        <li>nihao\{{name}}</li>
      \{{/each}}
</script>
{{/section}}

#

在html中你可以这样写，在express中的handlebars文件中，你必须添加“ \”，我们必须转义至少一个大括号，否则，服务器端视图会尝试对其进行替换。
如果不进行转义的话，在自定义helps时，{{function num}},会导致网页崩溃，输出不出来数据。

2. Uncaught Error: You must pass a string or Handlebars AST to Handlebars.compile. You passed undefined

错误代码

{{#section "head"}}

<script type="text/javascript">

    var context = {num:123456789}
    Handlebars.registerHelper('formatnumber',function(num,options){
        num = num + '';
        return num.replace(/(?=(?!^)(?:\d{3})+(?:\.|$))(\d{3}(\.\d+$)?)/g,',$1');
    })

     var source = $("#ceshi").html();
     var ceshiTemplate = Handlebars.compile(source);
     $(".ceshi-wrap").html(ceshiTemplate(context));


</script>

{{/section}}


<div class="ceshi-wrap">这个
    <script id="ceshi" type="text/x-handlebars-template">
          \{{formatnumber num}}
    </script>

</div>

#

正确代码

{{#section "head"}}

<script type="text/javascript">

    var context = {num:123456789}
    Handlebars.registerHelper('formatnumber',function(num,options){
        num = num + '';
        return num.replace(/(?=(?!^)(?:\d{3})+(?:\.|$))(\d{3}(\.\d+$)?)/g,',$1');
    })
    $(window).load(function(){
     var source = $("#ceshi").html();
     var ceshiTemplate = Handlebars.compile(source);
     $(".ceshi-wrap").html(ceshiTemplate(context));
    })

</script>

{{/section}}


<div class="ceshi-wrap">这个
    <script id="ceshi" type="text/x-handlebars-template">
          \{{formatnumber num}}
    </script>

</div>

#

原因是并没有给Handlebars.compile（传入数据），然而打眼一看传入了啊。这是怎么回事呢，低级错误，是因为是用的$语法，却没有写在$(function({}))等下，所以是没有得到数据，依次可以查看你的是哪里出错了。