Knockout.js no contenidos en recipientes "foreach" que no trabajan con <table>

Question

Este código produce el error (en Chrome): "No se puede encontrar comentarios etiqueta de cierre para que coincida con: ko foreach: MyPlans":

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

Si utilizo una lista en su lugar, todo funciona:

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

Me gustaría utilizar el foreach sin contenedor con una tabla. ¿Hay algo que estoy haciendo mal? ¿Es un error?

Answer 1

Esto está relacionado con el hecho de que los navegadores insertan etiquetas tbody automáticamente, lo que crea una falta de coincidencia en los comentarios. El resultado representado se verá así:

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

Steve puso algo de trabajo en tratar de corregir las etiquetas no coinciden en KO, pero lo más fácil para usted que hacer es agregar el tbody sí mismo o añadir el tbody y poner su unión en eso.

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

es legal que una tabla tenga múltiples tbody etiquetas, si es necesario.