javascript - KnockoutJS css 和类位于同一绑定(bind)中

Question

尽管https://knockoutjs.com/documentation/css-binding.html中的部分我无法同时使用 css 和 class，而是可以使用两个不同的 css 绑定(bind):http://jsfiddle.net/g9sot5qb/

我做错了什么或者文档不准确吗？

<span class="cls1 cls2" data-bind="text: title,css: {active: active}, class: myClass" ></span>
<span class="cls1 cls2" data-bind="text: title,css: {active: active}, css: myClass" ></span>

Answer 1

class 绑定(bind)是 Knockout 版本 3.5 功能。

从 v 3.5 release notes :

The new class binding supports dynamic class strings.
This allows you to use the css and class bindings together to support both methods of setting CSS classes.

<小时/>

您的 jsfiddle 使用的是旧版本。

另请注意，observable active 必须具有 true 值才能获取 css class 'active'已应用。

请参阅下面的(可运行)示例，其中 class 和 css 绑定(bind)均处于事件状态。

var viewModel= {
  myClass: ko.observable('test'),
  title: ko.observable('Title'),
  active: ko.observable(true)
};

ko.applyBindings(viewModel);

.test{
  color: red
}

.active {
  font-size: 32px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.5.0/knockout-min.js"></script>

<span class="cls1 cls2" data-bind="text: title, css: {active: active}, class: myClass" ></span>