我需要一种方法来比较车把中的值,并在网上找到了这个助手:
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 不是函数
您需要为
compare块助手定义
else
部分。
Handlebars 为 else 片段提供块作为 options.inverse。您不需要检查 else 片段是否存在:Handlebars 会自动检测它。
来源:https://handlebarsjs.com/guide/block-helpers.html#conditionals
另一种选择是在助手中遵循最小意外原则:
if (typeof options.inverse === "function")
return options.inverse(this);
else
return null;
这对于任何车把助手来说都不是坏习惯;如果模板编写者未提供逆向渲染,请不要尝试渲染逆向渲染。