Sano modo di concatizzare la stringa e la variabile nell'argomento helper di Handlebars.js?

Question

Sto cercando di creare un semplice componente modale in Ember, ma sembra che il "logico" di Handlebars sia troppo illogico per me. C'è qualche modo sano per ottenere un risultato in qualche modo questo?

<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}} 

Attualmente mi finiscono per ottenere il mio id modale essendo "add-item-{{title}}", letteralmente, così come il titolo modale.

E ... no, per ora non sto considerando di passare il "titolo" come nuovo parametro e usarlo nel modale. L'intestazione modale in un altro modello potrebbe non essere "Nuovo {{titolo}}" ma "sei sicuro?" o "dettagli su {{title}}".

Answer 1

Quello che stai cercando è il concat helper. Con esso, il tuo secondo esempio diventerebbe:

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

Answer 2

Sì, passare il titolo è come lo faccio. Se avete bisogno di aggiungere qualcosa per il titolo che è più di un semplice model.title, poi farcire una proprietà calcolata sul controller (ES6 stringa di interpolazione sintassi):

regolatore

modalHeader: function() { 
    return `New ${this.get('model.title')}`; 
    }.property('model.title') 

modello

{{#my-modal header=modalHeader}} 
    <p>My body blabla</p> 
{{/my-modal}} 

Per quanto riguarda l'ID, puoi fare alcune cose divertenti nel componente per sovrascriverlo, vedi this codepen, ma non so come fa casino con la brace. Perché vuoi impostare un id per un modal comunque?