javascript - 在 blaze 中迭代 json 对象数组

Question

我是 meteor 新手，并且正在努力在 blaze 中使用 #each。 我尝试遵循 this answer on stackoverflow ，但我的要求略有不同。

我有一个 json 对象数组:

{
    "accounting": [{
            "firstName": "John",
            "lastName": "Doe",
            "age": 23
        },

        {
            "firstName": "Mary",
            "lastName": "Smith",
            "age": 32
        },

        {
            "firstName": "Mike",
            "lastName": "Nolan",
            "age": 21
        }
    ]
}

如何在 meteor 项目中使用 blaze(特别是使用 #each 来迭代数组)显示每个对象的名字。

我尝试了很多不同的方法，使用多种辅助方法，但无法实现它。如果有人可以帮忙。

此外，如果不可能，请告诉替代方案来实现相同的目的。

数据来自 API 调用，数据格式是 json 对象，但存储为 Session 变量(因此我将在辅助方法中使用 Session. get())。

Answer 1

这将取决于您的数据来自何处。在我的示例中，您可以将我的硬编码变量替换为对象的源。如果您添加它的来源，我可以修改我的解决方案。

基本上，您只需使用辅助函数返回 JSON 对象内部的对象数组。从那里，您可以在 #each block 中调用帮助器，并直接使用 {{firstName}}

引用 firstName

模板

<template name="yourTemplateName">
    {{#each accounting}}
        {{firstName}}
    {{/each}}
</template>

helper

Template.yourTemplateName.helpers({
    accounting: function () {
        var data = Session.get('apiResponse');
         //You return the array of objects, which can then be iterated with each
        if (!_.isEmpty(data)){
            return data.accounting;
        } else {
            return []
        }
     }
});