使用knockoutjs

Question

我有一个<li>元素与knockout css绑定如下：

<li data-bind="css: itemSelectionClass" >

itemSelectionClass的值动态设置为“有效”状态。或者“空”＆＃39; （表示不活跃）。 itemSelectionClass的来自一些可计算的函数。绑定完成后，当我从浏览器中检查元素时，我得到：

<li data-bind="css: itemSelectionClass" class="active">

我只想添加另一个css课程 - readDone。在绑定完成后，我期待这样的事情：

<li data-bind="css: itemSelectionClass" class="active readDone">

但它没有按预期工作。有人可以帮忙吗？我的主要目的是动态地将<li>元素与2个css类绑定。

提前致谢！

Answer 1

   <div data-bind="css: { profitWarning: currentProfit() < 0, majorHighlight: isSevere }">

您可以一次设置多个CSS类。例如，如果您的视图模型具有名为isSevere的属性

<div data-bind="css: { profitWarning: currentProfit() < 0, 'major highlight': isSevere }">

Knockout Documentation