plantilla de knockout vinculante

Question

Tengo un elemento ul que se rellena mediante el enlace de la plantilla.

<script type="text/html" id="someTemplate"> 
<li> 
    <span data-bind="text: someText"> 
</li> 
</script> 

<ul data-bind="template: {foreach: someElemets, name: 'someTemplate'}"> 
</ul> 

Pero quiero la primera li-etiqueta no sería li-etiqueta de plantilla, pero otra con botón en él y no va a ser conectados a la matriz someElemets. Si lo hago de esa manera

<ul data-bind="template: {foreach: someElemets, name: 'someTemplate'}"> 
    <li><button data-bind=click: doSomething">Click me</button></li> 
</ul> 

entonces li-tag con el botón será el último después del renderizado. ¿Cuál es la mejor manera de resolver ese problema?

Answer 1

Puede utilizar la sintaxis de flujo de control sin contenedor, enlace de datos utilizando etiquetas de comentario. No hay necesidad de una plantilla. more info

<ul>  
    <li><button data-bind=click: doSomething">Click me</button></li> 
    <!-- ko foreach: someElemets-->   
    <li> 
     <span data-bind="text: someText"></span> 
    </li>  
    <!-- /ko --> 
</ul> 

Answer 2

No conozco una manera fácil de acceder al índice cuando se encuentra dentro de una plantilla. Se podría utilizar opciones de la plantilla como se describe en How to use foreach with a special first element?

Su código sería algo así como:

<ul data-bind="template: { name: 'someTemplate', foreach: someElemets, templateOptions: { first: someElemets()[0]} }"> 
</ul> 

<script id="someTemplate" type="text/html"> 
    <li> 
    {{if $item.first === $data}} 
     <button data-bind="click: doSomething">Click me</button> 
    {{/if}} 
    <span data-bind="text: someText"> 
    </li> 
</script> 

Answer 3

El siguiente lo hará:

<!-- ko template: { name: 'template-name', data: vm } --> <!-- /ko -->