13

Following this answer, I wrote a helper like

module.exports.register = function (Handlebars) {
    Handlebars.registerHelper('ternary', function(test, yes, no) {
        return test ? yes : no;
    });
};

I'm certain that the helper is loaded and being defined but can't figure out the syntax to use it. I tried using it like

<div>{{ternary(true, 'yes', 'no')}}</div>

but that gives an assemble build error

Warning: Parse error on line 10:
...<div>{{ternary(true, 'yes',
----------^
Expecting 'ID', 'DATA', got 'INVALID' Use --force to continue.

What is the proper syntax to use a helper like that?

Community
  • 1
  • 1
ryanve
  • 50,076
  • 30
  • 102
  • 137

3 Answers3

16

Handlebars helpers: http://handlebarsjs.com/#helpers don't follow the JavaScript syntax in the templates. You can use them like this:

<div>{{ternary true "yes" "no"}}</div>
doowb
  • 3,372
  • 1
  • 17
  • 25
6

Update 7/14/2017

Since both string are considered as truthy value in JavaScript, I have changed my code to the following:

{{input value=email placeholder="Enter Email" class="form-control"
    disabled=(if isResetting 1 0)
}}

============================

Original Answer

How about trying to use inline if {{if}}?

{{if user.isAdmin "True" "False" }}
Alan Dong
  • 3,981
  • 38
  • 35
3

This worked for me, based on the documentation:
https://handlebarsjs.com/guide/builtin-helpers.html#if

{{#each langs }}
    <a 
        class="navbar-item {{#if active}}is-active{{else}}{{/if}}" 
        href="#{{code}}"
    >
        {{label}}
    </a>
{{/each}}
Filip Seman
  • 1,252
  • 2
  • 15
  • 22