Spokojna metoda łączenia łańcuchów i zmiennych w argumentach pomocnika Handlebars.js?

Question

Próbuję zbudować prosty moduł modalny w Ember, ale wydaje mi się, że "brak logiki" w Handlebars jest dla mnie zbyt nielogiczny. Czy istnieje jakiś rozsądny sposób, aby osiągnąć wynik w pewnym stopniu?

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

Obecnie kończę dostając mój modalne id będąc "add-item-{{title}}", dosłownie, jak również tytuł modalne.

I ... nie, na razie nie zamierzam podawać "tytułu" jako nowego paramu i używać go w modalu. Nagłówek modalny w innym szablonie może nie być "Nowy {{title}}", ale "czy jesteś pewien?" lub "szczegóły dotyczące {{title}}".

Answer 1

To, czego szukasz, to concat helper. Używając go, drugi przykład staną:

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

Answer 2

Tak, przekazanie tytułu jest jak to zrobić. Jeśli trzeba dodać coś do tytułu, który jest czymś więcej niż tylko model.title, następnie nadziać nieruchomości obliczoną na kontrolerze (ES6 ciąg interpolacji składni):

kontroler

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

szablon

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

Jeśli chodzi o identyfikator, możesz zrobić kilka fajnych rzeczy w komponencie, aby go zastąpić, zobacz this codepen, ale nie wiem jak to się miesza z ember. Dlaczego mimo to chcesz ustawić identyfikator modalu?