Guidon conditionnelle attributs de classe
À l'aide de EmberJS/Guidon, comment puis-je ajouter une classe à un élément, seulement si une condition est vraie?
<div {{#if isSearching}}class="foo"{{/if}}></div>
Comme ça, mais moins pseudocode et plus de la réalité.
Eh bien, c'est de travailler. Vous pouvez envoyer une liste de classe comme un modèle de données de la variable et de l'utiliser à la place si vous préférez traiter ces chose en dehors du modèle. Ou vous pouvez utiliser des méthode d'aide... Mais vraiment, ce que vous avez est la manière la plus simple.
Mais ça ne fonctionne pas. Il échappe à toutes les propriétés après l'instruction if.
Mais ça ne fonctionne pas. Il échappe à toutes les propriétés après l'instruction if.
OriginalL'auteur alt | 2013-09-24
Vous devez vous connecter pour publier un commentaire.
Qui ne fonctionnent pas, parce que le
{{#if}}
assistant va créer des balises dans votre code HTML. Faire ceci à la place:(on appelle bind-attr dans le nouveau)
Merci - j'ai mis à jour ma réponse
OriginalL'auteur chopper
{{bind-attr}} est obsolète. Vous pouvez utiliser le nouveau est beaucoup plus agréable lié à la syntaxe d'attribut en Ember 1.10 et au-dessus, comme suit:
c'est pour ember 1.11
OriginalL'auteur Adam Cooper
Vous devez utiliser le
{{bind-attr}}
helper avec une condition booléenne, vous pouvez lisez le guide à propos de ce.Dans votre cas, si la isSearching propriété est dans le contrôleur, vous pouvez effectuer les opérations suivantes:
Vous pouvez voir l'ensemble du code dans ce violon: http://jsfiddle.net/NQKvy/240/
OriginalL'auteur Simon Cateau