LENKER custom Helfer stecken auf "nicht zusammen passen"

Möchte ich bestimmte Elemente, die Kleinbuchstaben durch die Verwendung von LENKER (ich weiß, es ist möglich mit CSS, aber Sie können nicht tun, für Klassennamen zum Beispiel). Wie auch immer, ich bin immer diese Fehlermeldung:

Uncaught Error: toLowerCase doesn't match each

Mein code:

    <script id="icon-template" type="text/x-handlebars-template">
        {{#each results}}
        <li>
            <div class="content">
                    <i class="Icon icon-{{#toLowerCase contentType}}"></i>
            </div>
       </li>
       {{/each}}
    </script>

Eigenen Helfer:

<script type="text/javascript">
Handlebars.registerHelper("toLowerCase", function(input) {
    var output = input.toLowerCase();
    return output.replace(" ", "");
});
</script>

Was mache ich falsch?

  • Sie nicht schließen Sie Ihre div tag. 🙂
  • Vielen Dank, geändert. Es war in den code, verpasste es hier aber. Problem bleibt immer noch.
InformationsquelleAutor Siyah | 2015-08-28
  1. 15

    Habe ich es herausgefunden. Für alle mit den gleichen Problemen:

    <script type="text/javascript">
handlebars.registerHelper("toLowerCase", function(input) {
    var output = input.toLowerCase();
    return output.replace(" ", "");
});
</script>

    LENKER muss ein Kleinbuchstabe (wie dieser: handlebars) auf den ersten & kein hashtag ist notwendig, wenn Sie mit einem eigenen Helfer. Also die eigenen Helfer ist jetzt toLowerCase statt #toLowerCase

    <script id="icon-template" type="text/x-handlebars-template">
    {{#each results}}
    <li>
        <div class="content">
                <i class="Icon icon-{{toLowerCase contentType}}"></i>
        </div>
   </li>
   {{/each}}
</script>
    • nicht sicher, warum wurde es downvoted; dies hat mir geholfen, danke!
    • Wo sind die docs um dies zu unterstützen? Ich verstehe das problem eine Funktion vs block Ausdruck. Nur block-Ausdrücke verwendet werden, mit einem # vor Ihrem Namen.
    InformationsquelleAutor Siyah
  2. 15

    Wenn ein LENKER Helfer Namen alle Kleinbuchstaben:

    <script type="text/javascript">
handlebars.registerHelper("lower", function(input) {
    var output = input.toLowerCase();
    return output.replace(" ", "");
});
</script>

    müssen Sie den hash, wenn die Berufung auf Sie:

    <script id="icon-template" type="text/x-handlebars-template">
   <i class="Icon icon-{{#lower contentType}}"></i>
</script>

    Wenn der Helfer verwendet einen CamelCase-name:

    <script type="text/javascript">
handlebars.registerHelper("toLowerCase", function(input) {
    var output = input.toLowerCase();
    return output.replace(" ", "");
});
</script>

    dann verwenden Sie nicht den hash:

    <script id="icon-template" type="text/x-handlebars-template">
   <i class="Icon icon-{{toLowerCase contentType}}"></i>
</script>
    • die Antwort von OP gibt eine Lösung, aber diese Antwort ist hier eigentlich gibt auch eine bessere Erklärung
    InformationsquelleAutor otheroom
  3. 0

    Es wichtig ist, wie Sie rufen die Helfer. Wenn Sie eine Raute (#), dann gilt es als ein Block Helfer und muss geschlossen werden. Andernfalls erhalten Sie das parsing-Fehler.

    {{#toLowerCase}}Some UPPERCASE text{{/toLowerCase}}

    Natürlich spielt es auch eine Rolle, was die Helfer der code funktioniert. Die oben beschriebene syntax ist korrekt, aber der code ist möglicherweise nicht die gewünschte Wirkung haben.

    InformationsquelleAutor Phil
Schreibe einen Kommentar