Question

我需要一种方法来比较手柄中的值并在网络上找到这个帮助器：

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：options.inverse不是函数

Answer 1

您需要为比较块助手定义else部分。

Handlebars将else片段的块提供为options.inverse。您无需检查是否存在else片段：Handlebars会自动检测它。

来源：http://handlebarsjs.com/block_helpers.html#conditionals

Answer 2

另一种选择是在帮助者中采用最少惊喜的原则：

＆＃13;

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

＆＃13;

对于任何Handlebars助手来说，这不是一种不好的做法;如果模板编写者没有提供反转，请不要尝试渲染。

TypeError：inverse不是函数（在handlebars helper中）

2 个答案: