在辅助对象循环 Jsrender 中使用父对象属性答案

【问题标题】：Use parent object property inside helper object loop Jsrender在辅助对象循环 Jsrender 中使用父对象属性
【发布时间】：2020-04-22 16:10:52
【问题描述】：

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

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 == inventory.key，我想显示该分支的库存。类似的东西

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

请帮忙！！

【问题讨论】：

标签： jquery jsrender

【解决方案1】：

您需要从 {{props}} 标记内访问父数据 (name)。您可以使用一些替代方法。见Accessing parent data。

例如：

{{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}}

另请参阅stackoverflow question

【讨论】：