带有Handlebars模板的嵌套{{each}}循环

时间:2017-06-28 14:53:25

标签: json templates handlebars.js

我试图迭代一个对象数组,使用数组结构中的每个循环将它们的值放入Handlebars模板中。 在这里你可以看到数组:

var datosSensores = [    
    {
        name:'John Pinard',
        email:'jp@aol.com',
        ph: [
            '7.80',
            '7.90',
            '7.60',
            fecha: [
                '2016-06-20 09:00',
                '2016-06-21 10:00'
            ],
        
        ],
        
    }
];

如果您已经尝试过,那么每个循环都会出现:

{{#each ph}}
....
.....
    {{#each ph.fechaPH}}
        {{this.fechaPH}} //This would be the value of each DATE in the array
    {{/each}}  

{{/each}}

我不知道如何解决它或我做错了什么。 我感谢对此问题的任何评论 非常感谢!

2 个答案:

答案 0 :(得分:1)

您使用的语法几乎正确:

{{#each ph}}
....
.....
    {{#each fecha}}
        {{this}} //This would be the value of each DATE in the array
    {{/each}}  

{{/each}}

当你进入一个#each循环时,这个对象就变成了“根”节点,因此你不需要命名ph.fecha,但只需要ph,因为ph是根。

[编辑]:我更改了你的例子中不存在的fechaPH这个名字是不是。

答案 1 :(得分:0)

{#each main}}  
  {{#each sub}} 
    <p>{{ ../dataOfMain }}</p>
    <p>{{ subData }}</p>
  {{/each}}
{{/each}}