debugging - knockout.js foreach - ページにアイテムのコンテンツを表示する

Question

デバッグ目的で、このように foreach ループ内に現在のコンテンツを表示しようとしていますが、「バインディングを解析できません」というエラーが発生します。アイテムの下部にある「pre」タグ内に私のアテピングが表示されます。これを適切に表示する方法について何か提案はありますか?

<!-- 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 メソッドでシリアル化できないことでした。