gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 09:32:25 32 4
gpt4 key购买 nike

我尝试过这个:

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

但它不起作用:)

最佳答案

假设你有这个:

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/

关于binding - 如何在 knockout.js 中进行条件绑定(bind)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11602760/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com