LENKER - dynamic-element-Attribute

Möchte ich etwas wie das hier tun:

{{#each user}}
    <span class="{{user.female ? 'female-span' : 'male-span'}}">{{name}}</span>
{{/each}}

Dies ist leicht machbar in so etwas wie angularjs, aber ich kann dies nicht tun-LENKER. Was ist das idiom/Muster zu Folgen LENKER, wenn ich will-element-Attribute dynamisch ändern? Gibt es irgendwelche LENKER-plugins, die dies tun?

InformationsquelleAutor pathikrit | 2013-08-20
  1. 8

    LENKER nur gab Sie {{#if}} Helfer (die verwenden hier, es ist nur verbose). Als Logik weniger, es nicht zu bewerten-code übergeben innerhalb der eckigen Klammern (Unterstrich Vorlagen HIERFÜR).

    Dies ist eine gute Sache, da Sie sicherstellen, dass Ihre Vorlage nicht irgendwelche Nebenwirkungen.

    Hier werden Sie wahrscheinlich wollen, um diese zu entfernen Logik aus dem template und pass den Namen der Klasse als template-argument:

    template({ genderClass: user.female ? 'female-span' : 'male-span' });

    Dann in der Vorlage:

    <span class="{{genderClass}}">{{name}}</span>

    In deinem Fall bist du in einem array, so konnte man nur hinzufügen genderClass als Modell-Eigenschaft. Sonst könnten Sie verwenden eine benutzerdefinierte helper-Methode, aber das ist viel Aufwand für etwas ganz einfaches.

    InformationsquelleAutor Simon Boudrias
Schreibe einen Kommentar