Handlebars custom if helper else is undefined

Question

I have a custom helper, as follows:

Handlebars.registerHelper(\'hasAccess\', function(val, fnTrue, fnFalse) { 
    return val > 5 ? fnTrue() : fnFalse();
});
         


        

Answer 1

Handlebars provides custom helpers an object containing the different functions to apply, options.fn and options.inverse. See https://handlebarsjs.com/guide/block-helpers.html#conditionals

Your helper could be written as

Handlebars.registerHelper('hasAccess', function(val, options) {
    var fnTrue = options.fn, 
        fnFalse = options.inverse;

    return val > 5 ? fnTrue(this) : fnFalse(this);
});

And a demo

Handlebars.registerHelper('hasAccess', function(val, options) { 
    var fnTrue = options.fn, 
        fnFalse = options.inverse;
        
    return val > 5 ? fnTrue() : fnFalse();
});

var template = Handlebars.compile($('#tpl').html() );
$("body").append( "
access : 1
" );
$("body").append( template({access:1}) );

$("body").append( "
access : 6
" );
$("body").append( template({access:6}) );