流星:迭代嵌套元素

时间:2015-09-15 22:41:32

标签: javascript meteor meteor-blaze

更新

我更新了问题:

我有一个集合的结果,我想在我的模板中使用它。所以我迭代每个空格键。 问题是,我希望获得所有文章数据集并使用journal-field完成输出。

{
    "journal" : "journalSingle",
    "article" : [
        {
            "title" : "title1",
            "edition" : "test",
            "reference" : "4NoHjACkjHJ8mavv9"
        }
    ]
}
{
    "journal" : "multiple",
    "article" : [
        {
            "title" : "title2",
            "edition" : "test",
            "reference" : "4NoHjACkjHJ8mavv9"
        },
        {
            "title" : "title3",
            "edition" : "test",
            "reference" : "4NoHjACkjHJ8mavv9"
        }
    ]
}

模板

{{#each item}}
    <div>
        <input data-field="journal" type="text" value="{{journal}}">
        <input data-field="edition" type="text" value="{{article.title}}">
    </div>
{{/each}}

结果应该是这个例子:

<div>
    <input data-field="journal" type="text" value="journalSingle">
    <input data-field="edition" type="text" value="title1">
</div>
<div>
    <input data-field="journal" type="text" value="multiple">
    <input data-field="edition" type="text" value="title2">
</div>
<div>
    <input data-field="journal" type="text" value="multiple">
    <input data-field="edition" type="text" value="title3">
</div>

1 个答案:

答案 0 :(得分:1)

因为文章是一个数组,你不能去article.title

 {{#each item}}
    <input data-field="journal" type="text" value="{{journal}}">
    {{#each article}}
         <input data-field="edition" type="text" value="{{title}}">
    {{/each}}
   {{/each}}

你可以这样做,但你可以在多个地方编辑期刊很奇怪

 {{#each item}}

    {{#each article}}
       <div>
         <input data-field="journal" type="text" value="{{..journal}}">
         <input data-field="edition" type="text" value="{{title}}">
       </div>
    {{/each}}
   {{/each}}