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

Ich versuche eine einfache modale Komponente in Ember, aber es scheint, die "Logik-weniger" der LENKER ist zu unlogisch für mich. Gibt es irgendeine vernünftige Weise, ein Ergebnis zu erzielen etwas?

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

Derzeit habe ich am Ende von meiner modal-id "add-item-{{title}}"buchstäblich, sowie der modal-Titel.

... Nein, jetzt bin ich nicht in Betracht, vorbei an der "Titel" als eine neue param und in der modal. Der modal-header in einer anderen Vorlage vielleicht nicht "Neu {{title}}" sondern "sind Sie sicher?" oder "details zu {{title}}".

InformationsquelleAutor der Frage igorsantos07 | 2015-04-16

  1. 42

    Was Sie suchen, für die ist die concat Helfer. Verwenden Sie es, Ihren zweiten Beispiel werden würde:

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

    InformationsquelleAutor der Antwort Mike Post

  2. 0

    Yep, vorbei an der Titel ist, wie ich es mache. Wenn Sie brauchen, um etwas hinzuzufügen, um den Titel, die mehr als nur model.titledann dürfte eine berechnete Eigenschaft, die auf Ihrem 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}}

    Als für die id, die Sie tun können, einige lustige Sachen in der Komponente, um es zu überschreiben, finden Sie unter in diesem codepenaber ich weiß nicht, wie es Kasinos mit ember. Warum möchten Sie eine id für ein modales überhaupt?

    InformationsquelleAutor der Antwort Kori John Roys

Schreibe einen Kommentar