在帮助程序对象循环 Jsrender 中使用父对象属性

Question

我正在向具有分支详细信息的jsrender模板发送ajax响应的对象分支数据。

branchData: Array(2)
0: {name: "M13", displayName: "Abc", url: null}
1: {name: "M01", displayName: "Xyz", url: null}

跟

var helper = {
branchHoursText: "Teléfono y Horarios"
phoneText: "Teléfono"
hoursText: "Horario"
closedText: "CERRADA"
inventory: {M01: "0", M13: "1", M11: "0", M10: "0", M21: "0"} 
}
$(".branchInfo").html(branchTemplate.render(response, helpers));

我在模板中使用以下代码。

{{for branchData}}
{{:displayName}}
{{props ~inventory}}
{{/props}}
{{/for}}

我想显示该分支的清单，如果branchData.name == 库存.key。类似的东西

{{props ~inventory}}
{{if key === name}}
{{>prop}}
{{/if}}}
{{/props}} 

请帮忙！！

Answer 1

您需要从{{props}}标签内部访问父数据 (name(。您可以使用几种替代方法。请参阅访问父数据。

例如：

{{for branchData}}
{{:displayName}}
{{props ~inventory ~itemName=name}}
{{if key === ~itemName}}
{{>prop}}
{{/if}}
{{/props}}
{{/for}}

或

{{for branchData itemVar="~branchItem"}}
{{:displayName}}:
{{props ~inventory}}
{{if key === ~branchItem.name}}
{{>prop}}
{{/if}}
{{/props}}
{{/for}}

另请参阅此堆栈溢出问题