Question

我遇到了一个试图遍历我的JSON对象的问题。我的尝试很有意义，并想知道它为什么不起作用。

这是我为完成这项工作所做的最后一次尝试。

<script type="text/x-handlebars-template" id="partnerTemplate">
    {{#each partners}}
    <div>{{this.Name}}</div>
    {{/each}}
</script>

这是我试图从中提取数据的对象。

partners = renderer({
    Cerner: {
        Name: 'Cerner',
        Selected: false
    },
    Walmart: {
        Name: 'Walmart',
        Selected: false
    }
});

我想要做的就是选择#each迭代的当前对象的名称。所以我认为this.Name会返回两个值（Cerner，Walmart）。

Answer 1

我发现我的问题是基于我的数据结构。我还不确定为什么＆＃34; this.Name＆＃34;没有工作，但我找到了解决方法。我没有将基础对象用于所有内容，而是将数据更改为对象数组。

   data = renderer({
        partners: [
            {
                Name: 'Cerner',
                Selected: false
            },
            {
                Name: 'Walmart',
                Selected: false
            }
        ]
    });

和html或handbars.js

    <script type="text/x-handlebars-template" id="partnerTemplate">
        {{#each partners}}
        <div>{{Name}}</div>
        {{/each}}
    </script>

循环使用Handlebars JS

1 个答案: