jquery - Get value from parent template

Question

I am using jQuery Tmpl and Knockout. I have templates:

Template 1:

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

Template 2:

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

How can I pass index variable to the second tempalate?

Please note, my templates are far more complex, so the structure should stay as it is.

Answer 1

由于您似乎正在使用 jquery 模板，因此您可以使用该参数templateOptions来传递额外的选项：

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

现在您可以$item.yourIndex在模板 2中使用。

否则$parentContext.$index也许也能做到这一点。