javascript - 通过 css 绑定(bind)、knockout.js 组合动态和静态类

Question

在knockout.js中我们可以对静态类使用css绑定(bind)

<div data-bind="css: {'translucent ': number() < 10}">static dynamic css classes</div>

动态

<div data-bind="css: color">static dynamic css classes</div>

我试过了 http://jsfiddle.net/tT9PK/1/将它组合成类似

的东西

css: {color, translucent: number() < 10}

同时获取动态类 color 和静态类 translucent，但出现错误。有办法吗？

Answer 1

可以通过css属性添加动态类，然后通过attr属性添加静态类

<div data-bind="attr: { 'class': color }, css: { 'translucent': number() < 10 }">
  static dynamic css classes
</div>

确保将任何预定义的类添加到此绑定(bind)attr: { 'class': 颜色 }