javascript - 动态分配 cssClass 且 knockout 不起作用

Question

我定义了下表:

<tbody data-bind="foreach: timeslots">
    <td class="start-time" data-bind="text: time"></td>
    <td data-bind="text: displayStatus, class: cssClass, click: $parent.loadDetails"></td>
</tbody>

在我的 Javascript 文件中，我有条件地将 cssClass 设置为单独的 .css 文件中的各种类，如下所示:

// my viewmodel is a list of timeslot objects.  This is one instance
timeslot.cssClass = "event-invite";

我在 css 文件中定义了 event-invite，如下所示:

.event-invite {
    background: #FFFF99;
    cursor: pointer;
}

但是，这些 css 实际上都没有绑定(bind)到我的元素。使用knockout动态绑定(bind)css类的正确方法是什么？

Answer 1

要绑定(bind) css，请使用以下语法:

<td data-bind="attr: {class: cssClass}"></td >

这是描述此绑定(bind)的 ko js 页面:

http://knockoutjs.com/documentation/attr-binding.html