如何在Handlebars中比较对象值？解决条件判断匹配错误问题

错误原因 #

你遇到的"math does not match with each"错误，核心是块级helper标签未正确闭合：第一个{{#math user_rating 5}}没有对应的{{/math}}闭合标签，导致模板解析时标签配对混乱，系统误判为和each不匹配。

修复步骤 #

1. 修正模板的标签闭合 #

确保每个{{#math}}都有对应的{{/math}}，嵌套结构层次清晰：

{{#each paper}}
  {{user_name}}
  {{user_email}}
  
  {{#math user_rating 5}}
    <!-- 评分等于5时的逻辑 -->
    <p>这是5星评价的内容</p>
  {{else}}
    {{#math user_rating 4}}
      <!-- 评分等于4时的逻辑 -->
      <p>这是4星评价的内容</p>
    {{else}}
      {{#math user_rating 3}}
        <!-- 评分等于3时的逻辑 -->
        <p>这是3星评价的内容</p>
      {{else}}
        <!-- 其他评分的逻辑 -->
        <p>这是其他星级的评价内容</p>
      {{/math}}
    {{/math}}
  {{/math}} <!-- 必须闭合第一个math helper -->
{{/each}}

2. 确认helper注册正确 #

确保你的自定义mathhelper已经正确注册：

• 客户端场景：

Handlebars.registerHelper('math', function(v1, v2, options) {
  if (v1 == v2) {
    return options.fn(this);
  } else {
    return options.inverse(this);
  }
});

• Node.js+Express场景：

const exphbs = require('express-handlebars');

app.engine('handlebars', exphbs({
  helpers: {
    math: function(v1, v2, options) {
      if (v1 == v2) {
        return options.fn(this);
      } else {
        return options.inverse(this);
      }
    }
  }
}));
app.set('view engine', 'handlebars');

优化方案（可选） #

如果需要频繁处理多分支评分判断，可以自定义一个更简洁的ratingCasehelper，避免多层嵌套：

// 自定义多分支评分helper
Handlebars.registerHelper('ratingCase', function(rating, options) {
  switch(rating) {
    case 5:
      return options.fn(this);
    case 4:
      return '四星好评';
    case 3:
      return '中等评价';
    default:
      return options.inverse(this);
  }
});

模板中使用方式：

{{#each paper}}
  {{user_name}}
  {{user_email}}
  
  {{ratingCase user_rating}}
  {{#unless (or (eq user_rating 5) (eq user_rating 4) (eq user_rating 3))}}
    <p>其他评价</p>
  {{/unless}}
{{/each}}

内容的提问来源于stack exchange，提问作者Shabnam Sabah