ネストされたfor-eachバインディングknockout.jsで反復のインデックスを取得

Question

ParentArrayのインデックスをtdタグに入れたいと考えています。以下のコードバインディングChildArray index。これはどうすればいいですか？

<table class="table-container-inner"> 
    <tbody data-bind="foreach:ParentArray"> 

     <tr data-bind="foreach:ChildArray"> 
      <td data-bind="text:$index"></td> 
     </tr> 

    </tbody> 
</table> 

Answer 1

$indexは、ChildArray内のインデックスを取得します。そのforeach:ChildArray内、$parentContext.$index()はParentArray

<table class="table-container-inner"> 
    <tbody data-bind="foreach:ParentArray"> 

     <tr data-bind="foreach:ChildArray"> 
      <td data-bind="text:$index"> 
       <span data-bind="text: $parentContext.$index()"></span> 
      </td> 
     </tr> 

    </tbody> 
</table>