淘汰賽JS網格，在綁定聲明

Question

proihibited字符我打印出與淘汰賽JS網格行。我想我的觀點基於羯羊或不迭代的索引應用CSS類是整除2

這是我的約束力的聲明，呼籲各行：

<data-bind="css: { $index % 2 === 0 ? 'grid_row' : 'grid_a_row' }"> 

兩個問題出現了：

• 採用%似乎屬性 聲明內被禁止。我的IDE（VS2012）不承認任何事情%之後來到 作爲字符串的一部分（我可以 看到，差別顏色）
• 這是應用一個類的正確方式或其他在
  淘汰賽？或者我必須寫$index % 2 === 0兩次（每個班級一次）？

哪些解決方案適用？

Answer 1

你的語法有點不對。你必須使用$index() % 2 === 0和你使用的是css binding不正確。這將工作：

<div data-bind="css: { grid_row: $index() % 2 === 0, grid_a_row: $index() %2 === 1 }"> 

http://jsfiddle.net/PYsc2/

Answer 2

是的，你是正確的：

這是申請一個類或其他在 淘汰賽的正確方法？或者我必須兩次寫$ index == 2 === 0（每個班有一個）？

你的CSS結合語法不正確，應該是：

css: { 'name-of-css-rule': function(){}, 'another-css-rule': function(){} } 

在你的情況，你可以使一個觀察到的一樣：

viewModel.myBooleanFunction = ko.computed(function() { 
    return this.foo() % 0 === 0 ? "even" : "odd"; 
}, viewModel); 

，並在你的CSS結合其聲明像這個：

data-bind="css: myBooleanFunction" 

那些是動態CSS規則： 來自：http://knockoutjs.com/documentation/css-binding.html

Answer 3

或者，如果你喜歡使用attr binding，你可以使用聚結運營商這樣的。

data-bind="attr: { class: ($index() % 2 == 0) ? 'grid_row' : 'grid_a_row' }" 

請注意，它將完全覆蓋類屬性，並且任何其他先前聲明的類都將丟失。