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 在 Django 中动态渲染表单

javascript - Property description must be an object 红屏错误 on new react-native app

javascript - 如何将数据从 meteor Controller 传递到 meteor 助手?

meteor - 使用 blaze (meteor) 模板引擎在 Iron-icons 中设置的 Polymer 1.0 默认图标不工作

javascript - 在模板助手中连接两个查询的结果

javascript - jQuery 的 .css() 方法实际上是 CSS 吗?

javascript - 在固定区域随机移动图像

Meteor - 设置文档标题

javascript - Meteor 应用程序中 PayPal 的 IPN 监听器

javascript - 是否可以访问使用 Blaze.render() 加载的模板的父数据上下文?