Sane Möglichkeit, String und Variable in Handlebars.js Hilfsargument zu concat zu geben?

Question

Ich versuche eine einfache modale Komponente in Ember zu bauen, aber es scheint die "Logik-weniger" von Lenker ist zu unlogisch für mich. Gibt es irgendeinen vernünftigen Weg, um etwas zu erreichen?

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

Zur Zeit habe ich am Ende, indem sie meine modalen id sein "add-item-{{title}}" wahrsten Sinne des Wortes als auch die modale Titel auf.

Und ... Nein, für jetzt überlege ich nicht, den "Titel" als neuen Parameter zu übergeben und ihn im Modal zu verwenden. Der modale Header in einer anderen Vorlage ist möglicherweise nicht "New {{title}}", aber "Bist du sicher?" oder "Details über {{title}}".

Answer 1

Was Sie suchen, ist die concat helper. Mit ihm würde Ihr zweites Beispiel werden:

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

Answer 2

Ja, pass auf den Titel ist, wie ich es mache. Wenn Sie etwas zu dem Titel hinzufügen müssen, die mehr ist als nur model.title, dann stopfen eine berechnete Eigenschaft auf dem Controller (es6 String Interpolation Syntax):

Controller

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

Vorlage

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

Wie für die ID können Sie einige lustige Sachen in der Komponente zu überschreiben, siehe this codepen, aber ich weiß es nicht wie es mit Glut zusammenhängt. Warum willst du trotzdem eine ID für ein Modal setzen?