2013-06-12 29 views

cevap

54

Kullanım bir ebeveyn-çocuk ilişkisinin bir ul ve li gibi bağlayıcı bölümünde mevcut olduğunda yerli bağlanma üzerinde yorum etiketleri hakkında

Mod ayrıntıları dayandığı.

Bağlama bölümünüz ebeveyn-çocuk ilişkisi olmadığında, kapsayıcı ciltleme için yorum sözdizimini kullanın.

Örneğinizde, bir üst-alt yapıya bağlanmaya çalışmadığınız için ilk kod bloğunu kullanın. Tek yapmanız gereken, müşteri verilerinizi bir div'a bağlamaktır, müşteriler aracılığıyla bir ebeveyn div ve foreach oluşturmak zorunda kalmamalı ve ebeveyn divunun içinde başka bir div eklemelisiniz. Yapmak istediğinden daha fazlası var. Bir sıralı liste varsa Ancak

<!-- ko foreach: customer --> 
<section> 
    <p data-bind="text: customer.name"></p> 
    <p data-bind="text: customer.orderDate"></p> 
</section> 
<!-- /ko --> 

, bağlayıcı kapsız ait

İyi kullanım bunu sadece mantıklı çünkü bağlama yerli kullanmalıdır.

Yerli

<ol data-bind="foreach: customer"> 
    <li data-bind="text: customer.name"></li> 
</ol> 

kapsız

<ol> 
    <!-- ko foreach: customer --> 
     <li data-bind="text: customer.name"></li> 
    <!-- /ko --> 
</ol> 

ikinci örnek sadece saçma görünüyor. Karmaşık olmaması gereken bir şey için daha fazla karmaşıklık katıyorsun.

+4

Bu konteynersiz bağlamanın durumlara en iyi çözüm olduğunu ekliyorum HTML spesifikasyonlarına göre belirli bir kutuya hangi öğeleri ekleyebileceğiniz sınırlıdır. Örneğin, statik bir sıraya sahip tundunuz var ve daha sonra dinamik satırları temsil eden gözlenebilir bir diziniz var, ancak tbody'nin tek geçerli çocuğu tr elementtir. – kmkemp