Knockout.js containerless “foreach” ne pas travailler avec des <table>

Ce code génère une erreur (dans Chrome): "Impossible de trouver la fermeture de balise de commentaire de match: ko foreach: MyPlans":

<table>
  <!-- ko foreach: MyPlans -->
    <tr>
      <td>Test</td>
    </tr>
  <!-- /ko -->
</table>

Si j'utilise une liste au lieu de cela, tout fonctionne:

<ul>
  <!-- ko foreach: MyPlans -->
    <li>
      Test
    </li>
  <!-- /ko -->
</ul>

Je voudrais utiliser le containerless foreach avec une table. Est-il quelque chose que je fais mal? Est-ce un bug?

InformationsquelleAutor Jag | 2011-11-14
  1. 90

    Ceci est lié au fait que les navigateurs insérer tbody automatiquement des balises, ce qui crée un décalage dans les commentaires. Le rendu de la sortie ressemblera:

    <table>
  <!-- ko foreach: MyPlans -->
  <tbody>
    <tr>
      <td>Test</td>
    </tr>
  <!-- /ko -->
  </tbody>
</table>

    Steve a mis un certain travail en essayant de corriger incompatibles balises de KO, mais la chose la plus facile pour vous de faire est d'ajouter le tbody vous-même ou ajouter le tbody et de mettre votre contraignante.

    <table>
  <tbody data-bind="foreach: MyPlans">
    <tr>
      <td>Test</td>
    </tr>
  </tbody>
</table>

    Il est légal pour un tableau à plusieurs tbody balises, si nécessaire.

    • Merci!!!! Cette opération efface les choses un peu. Je vais être sûr de vérifier la majoration réelle plus attentivement à l'avenir.
    • RP mentionne qu'il est légal d'avoir plusieurs tbody balises. Il est utile de groupe de lignes, ici plus d'informations.
    InformationsquelleAutor RP Niemeyer