binding - 如何在 knockout.js 中进行条件绑定(bind)？

Question

我尝试过这个:

<div data-bind="attr: {class: itemSelected? 'selected' : 'unselected' }"></div>

但它不起作用:)

Answer 1

假设你有这个:

function viewModel() {
    this.itemSelected = ko.observable(true);
}
ko.applyBindings(new viewModel());​

在 itemSelected 之后添加 () 以获取可与三元运算符一起使用的可观察量的当前值:

<div data-bind="attr: { class: itemSelected() ? 'selected' : 'unselected' }"></div>​

http://jsfiddle.net/RK7Ty/

<小时/>

如果您不需要为非选定状态分配未选定的类，您可以这样做:

<div data-bind="css: { selected: itemSelected }"></div>​

http://jsfiddle.net/RK7Ty/1/