Comment les données de l'affectation de l' 'classe' ou 'id' attribut d'une balise div, tout en utilisant containerless flux de contrôle?
Je suis en train de la grande nouvelle containerless flux de contrôle (nouvelle fonctionnalité numéro 2) à Knock-out 2.0.0 publiée ou http://jsfiddle.net/StevenSanderson/8vms5/light
<ul>
<li><strong>Here is a static header item</strong></li>
<!-- ko foreach: products -->
<li>
<em data-bind="text: name"></em>
<!-- ko if: manufacturer -->
— made by <span data-bind="text: manufacturer.company"></span>
<!-- /ko -->
</li>
<!-- /ko -->
</ul>
Ce que si je voulais quelque chose comme < li class="${ nom }">< /li>
C'était trivial, tout à l'aide de modèles, mais je ne peux pas le faire fonctionner maintenant.
j'ai essayé < li data-bind= "class: nom de" >< /li> mais en vain.
Je suis nouveau ici, s'il vous plaît aller facile sur moi.
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser le
css
la liaison. Il peut être utilisé de deux façons. Soit avec une dynamique de classe (ou de la liste des classes):ou avec des cours particuliers liés à l'encontre de truthy/falsy valeurs pour indiquer si qui sont devraient être ajoutés/supprimés à partir de l'élément:
yourElement.dataBind({ attr: { "'class'": 'name'} });
À compter de la mi-2012, il est maintenant le "css" de liaison pour lier directement à un nom de classe.
par exemple:
attr
, vous pouvez avoir des classes régulières et un "extra" celui qui est dynamique, par exemple<div class="myclass myclass2" data-bind="css: extraClass">
Juste au cas où si quelqu'un se pose la question de comment utiliser "css" attribut par attribut id, j'ai été en utilisant à la fois "css" et attributs id, pour moi, il ne fonctionne pas si "css" attribut n'est pas le premier , donc gardez-le "css" attribut que votre poing un.