Sane way to concat string and variable in Handlebars.js helper argument?

Question

I'm trying to build a simple modal component in Ember, but it seems the "logic-less" of Handlebars is too illogical for me. Is there any sane way to achieve a result somewhat this?

<h2>Nice block about {{title}}</h2> <a href="#" data-toggle="modal" id="add-item-{{title}}"> {{!this works}}  {{#my-modal modal-id="add-item-{{title}}" header='New {{title}}'}} {{! those don't}}   <p>My body blabla</p> {{/my-modal}} 

Currently I end up by getting my modal id being "add-item-{{title}}", literally, as well as the modal title.

And... no, for now I'm not considering passing the "title" as a new param and using it in the modal. The modal header in another template might not be "New {{title}}" but "are you sure?" or "details about {{title}}".

Answer 1

What you're looking for the is the concat helper. Using it, your second example would become:

{{#my-modal modal-id=(concat 'add-item-' title) header=(concat 'New ' title)}}    <p>My body blabla</p> {{/my-modal}} 

Answer 2

I got here looking for a concat helper in handlebars.js. In case it's useful to someone landing here looking for the same, handlebars-helpers has an append helper built-in.

{{> my-modal modal-id=(append "add-item-" title) header=(append "New " title)}} 

https://github.com/helpers/handlebars-helpers