javascript - meteor :迭代嵌套元素

标签 javascript meteor meteor-blaze

更新

我更新了问题:

我得到了这个集合的结果,我想在我的模板中使用它。所以我用每个空格键进行迭代。 问题是,我想获取所有文章数据集并使用期刊字段完成输出。

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

最佳答案

因为 article 是一个数组,所以你不能去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}}

关于javascript - meteor :迭代嵌套元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32596867/

相关文章:

javascript - 我有一行,但不知何故我的按钮和文本区域在彼此下方而不是彼此相邻对齐

javascript - 在 meteor 中如何停止功能一次工作?

Meteor 助手运行多次

javascript - 拖放图片上传并删除 URL(不是文件)

javascript - Highcharts :(Solid Gauge) How to generate gauge dial with an arrow end.

javascript - meteor 数据模型

meteor 服务器端批量数据库更改

meteor - 如何将 Handlebars isEq 助手转换为 Meteor 中的空格键?

javascript - blaze 中 Template.myTemplate.onRenderd() 中的 window.onSelection()

javascript - JQuery 动画和 z-index 无法正常工作