在jQuery模板中嵌套每个

Adi*_* Jr 2 jquery jquery-templates

如何获得嵌套的父$ value {{each}}?我希望使用“直接”解决方案,而不必创建第二个模板,并从第一个模板开始使用它。

Dre*_*nor 5

您可以执行以下操作:${ parentItem.Name }如果调用了父项,并且调用parentItem了所需的成员变量Name。这是一个示例,大致基于jQuery API文档中{{each}}的movie示例:

模板:

<li>
    Title: ${Name}.<br />
    {{each(i, edition) Editions}}
        ${i + 1}: <em>${edition.Name}. </em><br />
        Languages: <br />
        {{each(i, language) Languages}}
            ${language} (${$data.Name}, ${edition.Name}) <br />  
        {{/each}}
        <br />
    {{/each}}
</li>
Run Code Online (Sandbox Code Playgroud)

数据(此示例仅一项):

var movies = [
    {
        Name: "City Hunter",
        Editions: [
            {
                Name: "Original", 
                Languages: ["Mandarin", "Cantonese"]
            },
            {
                Name: "DVD",
                Languages: ["French", "Spanish"]
            }
        ]
    }
];
Run Code Online (Sandbox Code Playgroud)

结果:

标题:城市猎人。
1:原始。
语言:
普通话(城市猎人,原著)
广东话(城市猎人,原著)

2:DVD。
语言:
法语(城市猎人,DVD)
西班牙语(城市猎人,DVD) 

在此示例中,内部{{each}}从以下位置获取值:

  • {{each}}${edition.Name}
  • 根模板数据 ${$data.Name}