suppléant de style de ligne avec $indice de liaison

J'ai de la difficulté à obtenir une autre rangée de la classe css appliquée à un modèle knockout avec un foreach contexte de liaison. Je suis à l'aide de knock-out 2.1 avec le $index variable de contexte.

C'est quoi de confusion:

Mon Modèle

<li class="row" data-bind="css: { alt: $index%2 }"></li>

résultats en aucun alt classes étant appliqué, cependant:

<li class="row" data-bind="text: $index"></li>

fonctionne correctement et affiche le numéro de ligne.

InformationsquelleAutor Leland Richardson | 2012-06-27
  1. 71

    J'ai du mal avec ce pour un couple de minutes et a constaté que cette question n'avait pas vraiment été parcouru depuis la nouvelle la liaison des variables de contexte (comme $index)avait été introduit dans le knock-out 2.1

    L'erreur que j'ai a faire est que j'ai tout simplement oublié que $index lui-même est un fait observable, et doit être déballé si nous sommes à l'utiliser dans une expression dans les données de l'affectation de l'attribut. c'est à dire,

    <li class="row" data-bind="css: { alt: $index%2 }"></li>

    devrait devenir

    <li class="row" data-bind="css: { alt: $index()%2 }"></li>

    oups 🙂

    • Je continuer à faire cette erreur!
    • Était sur le point de demander et ensuite trouvé votre réponse! Merci 🙂
    • J'étais sur le point d'aller fou sur celui-ci.
    • C'était frustrant de moi pendant un moment, merci pour le post! Je n'avais pas conscience de l'indice a été un fait observable.
    InformationsquelleAutor Leland Richardson
  2. 12

    Ne pas faire alterner ligne de style avec Javascript, CSS, qui est bien plus efficace 🙂

    https://developer.mozilla.org/en-US/docs/CSS/:nth-child

    • Alors que je suis d'accord avec vous, si vous essayez de soutien < IE9.0, cette pseudo-sélecteur n'est pas disponible. néanmoins, cette question est principalement là pour aider les gens à comprendre que la $index variable de contexte est lui-même un fait observable. cheers 🙂
    • ces deux réponses ont de la valeur. selon le contexte, il y a beaucoup de raisons d'utiliser l'un ou l'autre et il est bon de voir ces deux options ici et il fait de cette question une bonne ressource. c'est exactement comment débordement de pile a été conçue pour fonctionner.
    InformationsquelleAutor Maarten