35 votes

Style de ligne alternée avec liaison $index

Je rencontre des difficultés à appliquer une classe CSS en alternance à un modèle knockout avec un contexte de liaison pour Each. J'utilise knockout 2.1 avec la variable de contexte disponible $index.

Ce qui est déroutant :

Mon Modèle

résulte en aucune classe alt appliquée, cependant :

fonctionne correctement et affiche le numéro de la ligne.

71voto

Leland Richardson Points 1233

J'ai lutté avec cela pendant quelques minutes et j'ai trouvé que cette question n'avait pas vraiment été couverte depuis les nouvelles variables de contexte de liaison (comme $index) avaient été introduites dans knockout 2.1

L'erreur que je faisais était que j'avais simplement oublié que $index lui-même est un observable, et doit être déballé si nous l'utilisons dans une expression dans l'attribut data-bind. c'est-à-dire,

devrait devenir

Oups :)

12voto

Maarten Points 61

Ne faites pas de style de rangée alternée avec Javascript, utilisez CSS qui est beaucoup plus efficace :)

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

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X