$ dizin bağlama ile alternatif satır stili

Question

Bir foreach bağlama içeriğine sahip bir boşaltma şablonuna uygulanan bir alternatif satır css sınıfı almakta sorun yaşıyorum. Kullanılabilir $index içerik değişkeni ile nakavt 2.1 kullanıyorum. Ancak hiçbir alt sınıflarında

<li class="row" data-bind="css: { alt: $index%2 }"></li> 

sonuç uygulanan

Benim Şablon::

Bu neyin kafa karıştırıcı

<li class="row" data-bind="text: $index"></li> 

eser düzgün ve satır numarasını gösterir.

Answer 1

Birkaç dakika daha bu mücadele ve bu soru gerçekten bu yana örtülü olmasaydı bulundu yeni binding context variables (gibi $index) nakavt 2.1

tanıtıldı olmuştu ben yapıyordum hata basitçe I olmasıydı $index'un kendisinin gözlemlenebilir olduğunu unuttu ve veri-bind özniteliğinde bir ifadede kullanıyorsak açılmaması gerekir. daha etkilisi olduğunu :) yani

<li class="row" data-bind="css: { alt: $index%2 }"></li> 

Javascript, kullanım CSS ile alternatif satır stil yapmayın

<li class="row" data-bind="css: { alt: $index()%2 }"></li> 

woops :)

Answer 2

haline gelmelidir

https://developer.mozilla.org/en-US/docs/CSS/:nth-child