CustomHelper innerhalb {{# jeder}} Block

Question

Ich habe eine Liste von "Angelegenheiten." Jede Sache hat eine _id und einen Namen.

Ich habe eine "Transaktion." Jede Transaktion gehört zu einer Angelegenheit mit Bezug auf die _id der Angelegenheit über eine Eigenschaft transaction.matterId.

Ich arbeite derzeit an einer Benutzeroberfläche, um Änderungen an der Transaktion zu ermöglichen, einschließlich der Änderung der Angelegenheit, der die Transaktion zugewiesen ist. Wie folgt aus:

Enter date: 

Select a matter: (this is the culprit) 

Enter the amount: 

ich Lenker verwende für jede Angelegenheit eine Bootstrap wählen Eingang mit einer Option zu erzeugen - das heißt, „eine Sache auswählen ...“ Dies ist leicht mit Lenker sitzt {{# each}} Block Helfer. Alle Angelegenheiten werden korrekt als Optionen angezeigt und der Wert jeder Option wird korrekt zugewiesen. Kein Problem so weit ...

Allerdings möchte ich die Option, deren Wert die transaction.MatterId vorausgewählt werden, da dies ein Update-Bildschirm ist. Dazu rufe ich meinen benutzerdefinierten "IfEquals" -Helfer in meinem Block {{# each}} auf. Der Lenker Vorlage ist wie folgt:

<div>Matter: {{ transaction.matterId}}</div> <-- I can see the matterId here. 
<div class='form-group'> 
    <label for="selMatter">Case</label> 
    <select required id="selMatter" name="matterId" class="form-control"> 
     {{# each matters }} 
      <option value='{{ _id }}' {{ ifEqual _id ../transaction.matterId "selected" "" }} >{{ name }}</option> 
     {{/ each }} 
    </select> 
</div> 

Der Brauch Helfer dies:

ifEqual: function (obj, value, trueString, falseString) { 
     return ((obj===value) ? trueString : falseString); 
} 

Lassen sich die ersten <div> sagt eine transaction.MatterId von „5“ Es wird eine (und nur eine) Option mit einem Wert von "5" geben.

In der Lenkervorlage habe ich alle möglichen Möglichkeiten ausprobiert, um {{IfEqual}} zu versuchen, die 2 Werte richtig zu vergleichen. Ich versuchte die transaction.matterId ohne "../", um zu sehen, ob es ein Kontextproblem sein könnte. Kein Glück. Ich habe versucht, mit einem Lenker Teilausdruck (sogar mit seiner eigenen Hilfsfunktion). Nee.

Ich bekomme nicht die richtigen Werte innerhalb des {{IfEqual}} Helfers, und deshalb kann ich, obwohl der passende <option> da ist, den Lenker nicht das Attribut "selected" hinzufügen lassen.

Hier ist, was ich glaube, um der richtige Ort zu sein, um zu sehen, aber ich sehe nicht, was ich vermisse. http://handlebarsjs.com/expressions.html

Answer 1

Nun, ich habe es endlich. Wenn jemand auf dieses Szenario kommt, hier ist was für mich gearbeitet:

Lenker Vorlage:

<div class='form-group'> 
    <label for="selMatter">Case</label> 
    <select required id="selMatter" name="matterId" class="form-control"> 
     {{# each matters }} 
      {{{ makeOption _id ../transaction.matterId name }}} 
     {{/ each }} 
    </select> 
</div> 

Hier ist die {{{makeOption}}} Helfer:

makeOption: function (optionValue, dataValue, displayText) { 
    myOption = "<option value='" + optionValue + "'"; 

    if (optionValue.toString() === dataValue.toString()) 
    myOption += " selected"; 

    myOption += ">" + displayText + "</option>"; 

    return myOption; 
},