knockoutjsで3つのネストされたforeachの場合に2番目のforeachの$ indexを取得する方法

Question

3つのネストされたforeachを持っている場合、内側のforeachの内側の2番目のforeachの$ indexを取得する方法は？ $ indexは私たちに最も内側のforeachのカウンタを与え、$ parentContextはforeachの最も外側のカウンタを与えます。中央のforeachはどうですか？

Answer 1

ここではjsfiddleデモと同様の質問を見つけることができます：あなたが好きなように Getting $index of grand parent in a nested loop

Answer 2

あなたは$parentContextな回数を上に移動することができます。だから、：>$parentContext.$parentContext.$index()>$parentContext.$index()$index() ...

以下の例は、

1. それが動作し、
2. は、それがエラーに醜いとがちだということを示しています...

よりよい解決策実際のアイテムに（計算された）インデックスプロパティを含めることです。

ko.applyBindings({ 
 
    items: [{ 
 
     items: [{ 
 
      items: [1, 2, 3] 
 
     }, 
 
     { 
 
      items: [4, 5, 6] 
 
     } 
 
     ] 
 
    }, 
 
    { 
 
     items: [{ 
 
     items: [7, 8, 9], 
 
     }, { 
 
     items: [0, 1] 
 
     }] 
 
    } 
 
    ] 
 
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> 
 
<ul data-bind="foreach: items"> 
 
    <li> 
 
    <strong data-bind="text: $index()"></strong> 
 
    <ul data-bind="foreach: items"> 
 
     <li> 
 
     <strong data-bind="text: [ 
 
      $parentContext.$index(), 
 
      $index()].join('.')"></strong> 
 
     <ul data-bind="foreach: items"> 
 
      <li> 
 
      <strong data-bind="text: [ 
 
       $parentContext.$parentContext.$index(), 
 
       $parentContext.$index(), 
 
       $index()].join('.')"></strong> 
 
      </li> 
 
     </ul> 
 
     </li> 
 
    </ul> 
 
    </li> 
 
</ul>