jquery - 親テンプレートから値を取得

Question

jQuery Tmpl と Knockout を使用しています。テンプレートがあります：

テンプレート 1 :

{{each (index, model) Models}}
<div data-bind="template: 'template2', foreach: model.SubModels"></div>
{{/each}}

テンプレート 2 :

<div>${FieldFromSubModel} {__Here i need index from template 1__}</div>

インデックス変数を 2 番目のテンプレートに渡すにはどうすればよいですか?

私のテンプレートははるかに複雑であるため、構造はそのままにしておく必要があることに注意してください。

Answer 1

jquery テンプレートを使用しているように見えるので、パラメーターを使用してtemplateOptions追加のオプションを渡すことができます。

<div data-bind="template: {name: 'template2', data: model.SubModels, templateOptions: {yourIndex: $index}}"></div>

テンプレート 2で使用できるよう$item.yourIndexになりました。

それ以外の場合$parentContext.$indexは、トリックを行うこともできます。