knockout.js à l'aide de $index avec si contraignant

Question

J'essaie de montrer une marque sur la base de la valeur de $index, je peux afficher la valeur mais je n'arrive pas à l'utiliser avec un si contraignant, quelle est la meilleure approche?

<!-- ko if: $index===0 -->
  <div>some mark up here</div>
<!-- /ko -->

Answer 1

$index est un fait observable, et les phénomènes observables sont des fonctions. Lorsque vous utilisez les phénomènes observables dans une expression, vous devez utiliser le formulaire pour accéder à la valeur.

<!-- ko if: $index() === 0 -->

Answer 2

À partir du knock-out liaisons de page

$index (disponible uniquement dans les foreach liaisons)

C'est l'index de base zéro de l'actuelle entrée de tableau en cours de rendu par un foreach de liaison. Contrairement à l'autre de la liaison propriétés de contexte, $index est un fait observable et est mis à jour chaque fois que l'index de l'élément des changements (p. ex., si des éléments sont ajoutés ou supprimés à partir du tableau).

Exemple

<div data-bind="foreach: details.additionalDetails">
    <!-- ko if: $index() !== 0 -->
        <span> | </span>
     <!-- /ko -->
        <span data-bind="text: name"></span> <span data-bind="text: value"></span>
</div>

Résultats dans

Model #: UAI5021 | Catalog #: UIOY786