不能讓css綁定在淘汰賽中工作

Question

我想在淘汰賽中用css綁定做一個簡單的例子。讀完documentation後，我以爲this will yield correct result。

基本上我有一個簡單的模型：

function ArticlesViewModel(){ 
    this.popularTags = [{ 
     id: 1, 
     s: ko.observable(false) 
    },{ 
     id: 2, 
     s: ko.observable(false) 
    },{ 
     id: 2, 
     s: ko.observable(true) 
    }]; 
} 

ko.applyBindings(new ArticlesViewModel()); 

而且我想添加一個基於該財產特定類。所以我嘗試了以下看法，但沒有結果：

<span data-bind="foreach: popularTags"> 
    <span class="square" data-bind="text: id, css: { selected: s == false}"></span> 
</span> 

有人可以指導我做錯了什麼嗎？

Answer 1

你只需要解開的可觀察selected: s() == false：http://jsfiddle.net/f6BCT/2/

<span class="square" data-bind="text: id, css: { selected: s() == false}"></span>