淘汰赛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>