jquery - 将每个嵌套在 jQuery 模板中

Question

如何获取嵌套 {{each}} 上的父 $value？我更喜欢“直接”解决方案，无需创建第二个模板并从第一个模板中使用它。

Answer 1

您可以这样做:${parentItem.Name }，如果父项名为parentItem并且所需的成员变量名为Name.这是一个示例，大致基于 jQuery API docs for {{each}} 中的电影示例:

模板:

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

数据(本示例仅包含一项):

var movies = [
    {
        Name: "City Hunter",
        Editions: [
            {
                Name: "Original", 
                Languages: ["Mandarin", "Cantonese"]
            },
            {
                Name: "DVD",
                Languages: ["French", "Spanish"]
            }
        ]
    }
];

结果:

Title: City Hunter.
1: Original.
Languages:
Mandarin (City Hunter, Original)
Cantonese (City Hunter, Original)

2: DVD.
Languages:
French (City Hunter, DVD)
Spanish (City Hunter, DVD) 

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

• 外部 {{each}} 与 ${edition.Name}
• 带有 ${$data.Name} 的根模板数据