如何检查绑定到DOM元素的视图模型对象？

Question

当你在视图模型和DOM元素之间进行数据绑定时（比如Knockout），你可以在DevTools中查明并查看DOM元素 - 但是如何检查绑定到它的模型对象 - 类似如何通过在运行时插入断点来查看对象的内容？

Answer 1

看看这必须有淘汰开发者的工具。 KnockoutJS Context Debugger

它允许您查看绑定到您选择的元素的视图模型。

Answer 2

对于Knockout，您可以使用ko.dataFor(element)和ko.contextFor(element)。

来自unobtrusive event handling文档：

$(".remove").click(function () {
    viewModel.items.remove(ko.dataFor(this));
});