如何将 Knockout 绑定应用于 <html> 元素？答案

【问题标题】：How can a Knockout binding be applied to the <html> element?如何将 Knockout 绑定应用于 <html> 元素？
【发布时间】：2017-01-10 18:12:53
【问题描述】：

我想使用自定义的 Knockout bindinghandler 动态设置根元素的字体大小，它会根据浏览器窗口的宽度进行计算。

当我尝试应用绑定时，似乎什么也没发生，所以我尝试应用一个简单的 css 绑定：

<html data-bind="css: { bindinghandlertest: true }">

但绑定处理程序似乎没有添加类。

问题：KO 绑定只能应用于<body> 及其子级吗？

注意：我通过在 DOM 就绪时调用 ko.applyBindings(); 来初始化整个页面上的所有绑定，根本没有任何参数。

【问题讨论】：

【解决方案1】：

您可以按照here 的说明将绑定应用到特定的 html 元素

具体来说：

您可以选择传递第二个参数来定义哪个部分要搜索数据绑定属性的文档。例如， ko.applyBindings(myViewModel, document.getElementById('someElementId'))

在你的情况下，你可以打电话给他们

ko.applyBindings(myVM, document.documentElement);

默认情况下，DOM节点是body，从source可以看到：

根节点 = 根节点 || window.document.body; // 制作“根节点” 参数可选

【讨论】：