无法使 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());

我想添加一个基于 s 属性的特定类。所以我尝试了以下视图但没有结果：

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

有人可以启发我做错了什么吗？

Answer 1

你只需要解开 observable selected: s() == false: http://jsfiddle.net/f6BCT/2/

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