wie für Ember.js Eingang Helfer zwei Klassennamen setzen

Question

ich versuche, ein Eingabeelement wie folgt zu binden:

{{input value=email type="text" placeholder="Enter email" class=emailError:with-error}} 

es funktioniert gut, solange ich versuche, es zu vergeben nur 1 Klasse Name ".with-error". Wie kann ich 2 Klassennamen zuweisen, so wird es sein: ".with-error. Second-class"? Ich weiß, wie es zu tun mit:

{{bind-attr class=":secondClass emailError:with-error"}} 

aber das funktioniert nicht mit Eingang Helfern.

Danke!

Answer 1

Dieses Feature ist nicht gut dokumentiert, aber wenn Sie Attribute auf einem Handlebars-Helfer definieren, können Sie die Anführungszeichen entweder weglassen, um anzugeben, dass der Wert des Attributs eine gebundene Variable sein soll, oder Sie können das Suffix hinzufügen. Binding "und verwenden Sie dann Anführungszeichen mit einem Ausdruck, der dem ähnelt, den Sie mit {{bind-attr}} verwenden würden.

also in Ihrem Fall sollten folgende Arbeiten:

{{input value=email type="text" placeholder="Enter email" classBinding="emailError:with-error :myClassName"}} 

Beachten Sie, wie statt class=myBoundValues wir classBinding="myBoundValue" verwenden.