挖空 CSS 绑定不分配任何类

Question

我正在尝试根据布尔值动态设置一个类。我的标记如下所示：

 <input 
   data-bind="
     css: { 
       'chkBxEdit': gThirdCheckboxEnabled(), 
       'chkBx': !gThirdCheckboxEnabled() 
     }, 
     enable: gThirdCheckboxEnabled" />

使用此代码，不会添加任何类，但是启用绑定可以正常工作

Answer 1

css 绑定工作正常：

var viewmodel = function(){
var self = this;
  this.gThirdCheckboxEnabled = ko.observable(false);
  this.change = function(){
    self.gThirdCheckboxEnabled(!self.gThirdCheckboxEnabled());
  };
};
ko.applyBindings(new viewmodel());

.chkBxEdit{
  background-color: blue;
}
.chkBx{
  background-color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<input data-bind="css: { 'chkBxEdit': gThirdCheckboxEnabled(), 'chkBx': !gThirdCheckboxEnabled() }" />
<button data-bind="click: change">Change</button>