我正在尝试在淘汰赛中使用css绑定做一个简单的例子。阅读文档后,我认为这将产生正确的结果。
基本上我有一个简单的模型:
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>
有人可以启发我做错了什么吗?
你只需要解开可观察selected: s() == false
: http://jsfiddle.net/f6BCT/2/
<span class="square" data-bind="text: id, css: { selected: s() == false}"></span>