jquery - 在 Handlebars JS 中循环遍历唯一的 json 格式数据

标签 jquery json html iteration handlebars.js

我在尝试循环访问我的 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)。

最佳答案

我发现我的问题是基于我的数据结构。我仍然不确定为什么“this.Name”不起作用,但我找到了解决方法。我没有将基础对象用于所有内容,而是将数据更改为对象数组。

   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>

关于jquery - 在 Handlebars JS 中循环遍历唯一的 json 格式数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31173553/

相关文章:

jQuery 使用 .each 匹配元素并使用 setTimeout 延迟其处理?

javascript - 在 javascript 对象内创建对象列表

javascript - 删除与javascript中的多个部分类名匹配的所有类

ios - 如何让 iOS 缓存带有查询参数的 HTML5 文档?

javascript - 用于具有相同名称的多个输入字段的 Jquery 选择器

jquery - Zooming jQuery 插件来缩放页面

javascript - 根据选项菜单 1 或 2 中的选择隐藏或显示选项菜单

c# - 从 MVC 应用程序中的预编译类序列化 JSON 对象

python - 将 json 的结果写入 csv

php - 如何使用查询字符串回显 anchor 标记?