Question

我无法在hbs中渲染嵌套的对象数组。

我需要在网页上一起显示每个图像及其相应的链接（例如：图像＆＃34; 1＆＃34;链接为＆＃34; a＆＃34;）。

下面的代码不起作用，还有其他解决办法吗？

Server.js：

res.render('index.hbs', {

    images: [ 1, 2, 3],

    links: [a, b, c] 

   }

);

index.hbs：

{{#each images}}

     {{#each links}}

          <img> {{this}} </img> // should display all images

          <a> {{this}} </a> // should display all links

     {{/each}}           

{{/each}}

Answer 1

您可以重新排列输入以仅使用一个数组：

var images = [1, 2, 3];
var links = ['a', 'b', 'c'];
var objects = []; 
for (var i = 0; i < images.length; i ++) { 
    objects[i] = { image: images[i], link: links[i] }; 
}

var data = { objects: objects };

res.render('index.hbs', data);

然后你可以轻松地迭代它：

{{#each objects}}
    <img> {{image}} </img> // should display all images
    <a> {{link}} </a> // should display all links
{{/each}}

您可以看到这段代码正常工作here。

使用把手渲染嵌套的对象数组

1 个答案: