Knockout JS - 同时使用静态类名和数据绑定类名

Question

任何人都知道我是否可以拥有一个带有静态类名的html元素以及一个使用KnockoutJS的动态数据绑定类名？像这样的东西:

<span class='staticClassName {{viewModelPropertyValue}}'></span>

我意识到这不是ko语法,我只是使用这种语法来解决问题.

Answer 1

您可以使用css绑定根据值的真实性添加和删除类,但听起来您的viewModelProperty是类的名称而不是布尔值.

您可以使用attr包含的静态类的绑定,如:( attr: { 'class': 'staticClassName ' + viewModelPropertyValue }或(viewModelPropertyValue()如果它是可观察的).

否则,这里有一个社区绑定,它将以你所追求的方式添加和删除一个类:https://github.com/SteveSanderson/knockout/wiki/Bindings---class

Answer 2

在Knockout 2.2.0中,你可以!

<span class='staticClassName' data-bind='css: viewModelPropertyValue'></span>