TypeError: inverse不是函数(在handlebars helper中)

TypeError: inverse is not a function (in handlebars helper)

本文关键字：handlebars helper 函数 inverse TypeError      更新时间：2023-09-26

我需要一种方法来比较车把中的值，并在网上找到了这个帮助器:

Handlebars.registerHelper('compare', function(lvalue, rvalue, options) {
    if (arguments.length < 3)
        throw new Error("Handlerbars Helper 'compare' needs 2 parameters");
    var operator = options.hash.operator || "==";
    var operators = {
        '==':       function(l,r) { return l == r; },
        '===':      function(l,r) { return l === r; },
        '!=':       function(l,r) { return l != r; },
        '<':        function(l,r) { return l < r; },
        '>':        function(l,r) { return l > r; },
        '<=':       function(l,r) { return l <= r; },
        '>=':       function(l,r) { return l >= r; },
        'typeof':   function(l,r) { return typeof l == r; }
    }
    if (!operators[operator])
        throw new Error("Handlerbars Helper 'compare' doesn't know the operator "+operator);
    var result = operators[operator](lvalue,rvalue);
    if( result ) {
        return options.fn(this);
    } else {
        return options.inverse(this);
    }

我是这样使用的:

{{#each numbers as |nr|}}
         {{#compare nr stars operator="<=" }}
             <span{{action "rate" }}  class="rating{{nr}} glyphicon glyphicon-star"></span>
         {{/compare}}

       {{/each}}
});

我得到这个错误:

TypeError:选项。逆不是函数

您需要为compare块helper定义else部分。

Handlebars为else片段提供了options.逆块。您不需要检查是否存在else片段:Handlebars将自动检测它。

来源:https://handlebarsjs.com/guide/block-helpers.html条件

另一个选择是在帮助器中遵循最小意外原则:

if (typeof options.inverse == function)
  return options.inverse(this);
else
  return null;

这对任何Handlebars helper来说都不是坏习惯;如果模板编写者没有提供，不要尝试呈现反向。

相关文章：