ul의 중첩 된 데이터가 표시되지 않습니다.

Question

다음 중첩 목록이 있지만 목록에 표시되지 않습니다.

HTML

<ul data-bind="foreach:parents"> 
    <li data-bind="text:name"> 
     <ul data-bind="foreach:kids"> 
      <li data-bind="text:name"></li> 
     </ul> 
    </li> 
</ul> 

스크립트

vm = function() { 
    this.parents = [{ 
     name: "Piet", 
     kids: [{ 
      name: "ted" 
     }, { 
      name: "fred" 
     }] 
    }, { 
     name: "Ed", 
     kids: [{ 
      name: "hoer" 
     }, { 
      name: "kut" 
     }] 
    }] 
} 

ko.applyBindings(vm); 

바이올린 : http://jsfiddle.net/dingen2010/2LWFh/

Answer 1

당신이 뭔가를 원하는?

<ul data-bind="foreach: parents "> 
    <li> 
     <span data-bind="text: name"></span> 
     <ul data-bind="foreach: kids"> 
      <li data-bind="text: name"> 
      </li> 
     </ul> 
    </li> 
</ul> 

바이올린 : http://jsfiddle.net/2LWFh/5/