我想将 divs css 类绑定到视图模型的属性,如下所示:
<div id="statusIndicator" data-bind="css: selectedPriority">
但这会产生结果:
<div id="statusIndicator" class=" 0 1 2 3">
这是视图模型:
myViewModel = {
selectedPriority: ko.observable('High'),
Company: ko.observable("Bert"),
Rows: ko.observableArray([
new row(),
new row(),
new row()
]),
Tabs: ['High', 'Medium', 'Low'],
selectPriority: function (tab) {
this.selectedPriority(tab);
}
};
因此,当我加载使用此视图模型的页面时,我希望 div 为:
<div id="statusIndicator" class="High">
我究竟做错了什么?
对于这种情况你可以这样做:
<div data-bind="attr: { 'class': selectedPriority}">
此方法的唯一缺点是它将直接设置类,而不是打开或关闭类,因此如果您使用多个类,那么selectedPriority
需要包含完整的类列表。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)