如何强制视图刷新而不使其从可观察对象自动触发？

151

注意：这主要是为了调试和了解KnockoutJS。

有没有一种方法可以明确地要求Knockout从（已绑定的）视图模型刷新视图？我正在寻找类似的东西：

ko.refreshView();

我知道这不是Knockout的预期用途，但是我仍然想知道是否有这样的方法用于调试和学习。

knockout.js

— THX-1138
source

Answers:

252

您不能在整个viewModel上调用某些内容，但是可以在单个可观察对象上调用，myObservable.valueHasMutated()以通知订户应该重新评估。正如您所提到的，这在KO中通常不是必需的。

— RP尼迈耶
source

您还可以遍历数据上下文，搜索具有valueHasMutated类型属性的元素，function然后为每个元素调用它。那应该可以观察到所有情况，但是这是一种不好的做法，并且可以触发比预期更多的更新（请考虑计算的依赖链）。

— Patrick M

如果没有别的，那肯定会很好-在chrome中测试。

— Scott Romack

您的viewModel本身可以是可观察的，因此您可以调用myViewModel.valueHasMutated()以更新整个视图。

— Roy J

这里也不适用于数组。实际上，数组在Knockout中似乎根本不起作用。我想念Angular :-(

— garryp

从KO 3.5起，它确实适用于KnockoutObservableArrays

— balint

在某些情况下，简单地删除绑定然后重新应用可能会很有用：

ko.cleanNode(document.getElementById(element_id))
ko.applyBindings(viewModel, document.getElementById(element_id))

— 尼姆罗德教授
source

感谢您编辑ebram ...猜猜我应该提到我使用coffeescript ;-)

— ProfNimrod 2014年

请注意，如果您还使用jQuery（例如，将应用程序的某些位迁移到ko时），因为cleanNode也会删除其他dom事件。

— 丹·雷维尔

太棒了。应用视图模型后，我无法让KO识别具有数据绑定属性的新dom子级。

— Andrew T Finnell

完善！加工！

— jeff_drumgod

我在这里用我的bindHTML基因敲除绑定处理程序创建了一个JSFiddle：https ://jsfiddle.net/glaivier/9859uq8t/

首先，将绑定处理程序保存到自己的文件（或公共文件）中，并在Knockout之后添加。

如果使用此开关，则绑定到此：

<div data-bind="bindHTML: htmlValue"></div>

OR

<!-- ko bindHTML: htmlValue --><!-- /ko -->

— 詹姆斯'蓬松'伯顿
source