如何使用淘汰绑定初始化FuelUX复选框

Question

我使用KnockoutJS来满足客户端视图模型的需求，并使用FuelUX来实现组件的一些样式。

我在一个表单上有几个复选框，其值绑定到一个可观察到的剔除，但当页面加载时选中复选框绑定时，FuelUX不会将复选框显示为已选中，除非我将鼠标悬停在该复选框上。将鼠标悬停在复选框上后，它将显示正确的状态。

敲除绑定发生在就绪函数中，因此在应用检查状态时页面已经加载，所以我认为这可能是问题所在。出于某种原因，FuelUX没有接受这一变化。

有没有办法强制FuelUX刷新复选框的状态？

Answer 1

我知道这是旧的，但我在寻找其他东西时发现了它，所以我想我会提供一个解决方案。复选标记是Fuel UX中标签元素的一部分。所以你可以这样做：

<label class="checkbox-custom" data-initialize="checkbox" data-bind="css: { checked: paid }">
    <input id="Paid" type="checkbox" data-bind="checked: paid">
    <span class="checkbox-label">Paid</span>
</label>

注意到标签上的data-bind了吗？选中复选框时，这将应用CSS类'checked'。这与Fuel UX应用的类别相同。