mẫu loại bỏ ràng buộc

Question

Tôi có một phần tử ul được điền thông qua mẫu liên kết.

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

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

Nhưng tôi muốn các li-tag đầu tiên sẽ không được li-tag từ mẫu nhưng nhau với nút trong đó và nó sẽ không được kết nối với mảng someElemets. Nếu tôi làm theo cách đó,

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

sau đó li-tag bằng nút sẽ là ảnh cuối cùng sau khi hiển thị. Cách tốt nhất để giải quyết vấn đề đó là gì?

Answer 1

Bạn có thể sử dụng cú pháp kiểm soát dòng chảy containerless, databinding sử dụng comment thẻ. Không cần mẫu. 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

Tôi không biết cách dễ dàng để truy cập chỉ mục khi bên trong mẫu. Bạn có thể sử dụng tùy chọn mẫu như mô tả ở How to use foreach with a special first element?

Mã của bạn sẽ là một cái gì đó như:

<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

Sau đây sẽ làm điều đó:

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