javascript - 作为绑定(bind) knockout 未定义的嵌套 foreach

Question

所以我有html:

<div class="body" data-bind="foreach: { data: Sections }">
            <span data-bind="text: '(' + OrderQualifier + ') ' + Text">
            </span>
            <p data-bind="foreach: { data: Children, as: 'child' }">
                <fieldset class="section-edit" data-bind="visible: IsEditing">
                    <input type="text" data-bind="attr: {value: child.EditedText}" /><!-- child is undefined here even though I have it as my as binding on the above foreach-->
                    <button data-bind="event: {click: $root.addEdit}">Submit</button>
                </fieldset>
            </p> 
        </div>

我尝试在不使用 as 绑定(bind)的情况下执行此操作，但它从父部分中提取值，该部分也具有 EditedText 属性，并使用 $data 获得相同的结果。

我尝试绑定(bind)的数据(部分)如下所示:

[  
   {  
      "SectionID":1,
      "Text":"Parent text",
      "Html":null,
      "OrderQualifier":"1",
      "IsUserCreated":false,
      "Children":[  
         {  
            "SectionID":2,
            "Text":"Child text",
            "Html":null,
            "OrderQualifier":"1",
            "IsUserCreated":false,
            "EditCount":0,
            "ExplanationCount":0,
            "EvidenceCount":0,
            "IsEditing":true,
            "EditedText":"Child text"
         }
      ],
      "EditCount":0,
      "ExplanationCount":0,
      "EvidenceCount":0,
      "IsEditing":true,
      "EditedText":"Parent text"
   }
]

有什么想法吗？

Answer 1

或者如果您想继续使用<p>，请使用虚拟元素标签

<!-- ko foreach: { data: Children, as: 'child' } -->
        <p>
        ...
        </p> 
<!-- /ko -->

http://jsfiddle.net/cvtw3b2h/2/