javascript - Handlebars 助手未定义。

Question

我有 div 显示 mysql 数据库中的内容。内容太长，所以我决定使用 Handlebar 助手。这是我的 html 代码:

    <div class="row">
    {{#if news}}
        {{#each news}}

            <div class="col-md-4 img-portfolio">
                <a href="/news-details/{{id}}">
                    <img class="img-responsive img-hover small-img" src="/images/news/{{image}}" alt="">
                </a>
                <h3>
                    <a href="/news-details/{{id}}">{{title}}</a>
                </h3>
                <p> {{substr "10" text}} </p>
            </div>
            {{/each}}        
     {{else}}
     <p>No News</p>
{{/if}}

Handlebar Helper 放置在 index.js 文件中，如下所示:

Handlebars.registerHelper('substr', function(length, context, options) {
  if ( context.length > length ) {
       return context.substring(0, length) + "...";
  } else {
      return context;
   }
});

当我运行nodejs服务器时，我收到“Handlebar is not Defined”错误。我安装了express-handlebar包，并在index.js文件中将其声明为

var Handlebar = require('express-handlebars');

但是还是不行。

Answer 1

您需要使用Handlebars作为变量名称，而不是Handlebar。

另外，官方express-handlebars帮助程序的文档建议在 exphbs.create 下定义帮助程序。

所以服务器上带有帮助程序的代码应该是这样的:

var exphbs = require("express-handlebars"); // you can use any variable name

var hbs = exphbs.create({
  helpers: {
    substr: function(length, context, options) {
      if (context.length > length) {
        return context.substring(0, length) + "...";
      } else {
        return context;
      }
    }
  }
});