debugging - knockout.js foreach - 在页面上显示项目内容

Question

出于调试目的，我试图在这样的 foreach 循环中显示当前内容，但出现“无法解析绑定”错误。您可以在项目底部的“pre”标签内看到我的 atteping。有关如何正确显示此内容的任何建议？

<!-- ko foreach: criteria -->
<div>
    <span data-bind="text: myVal"></span>               
    <label><input type="radio" value="AND" data-bind="checked: logicGate">AND</label>
    <label><input type="radio" value="OR" data-bind="checked: logicGate">OR</label>
    <a href="javascript:void(0)" data-bind="click: $parent.remove">Remove</a>
    <pre data-bind="text: ko.toJSON($data, null, 2)"></pre>
</div>
<!-- /ko -->

Answer 1

问题是我将元素传递给对象的构造函数，并且它们不能被 ko.toJSON 方法序列化。