Javascript 流星上破碎的图像_Javascript_Arrays_Meteor_Brokenimage

Javascript 流星上破碎的图像

javascript arrays meteor

Javascript 流星上破碎的图像,javascript,arrays,meteor,brokenimage,Javascript,Arrays,Meteor,Brokenimage,我正在做这个流星课程，其中使用了一个旧版本的流星，不确定把文件和文件夹放在哪里。我的主文件夹中的公用文件夹中有图像，下面是main.html客户端代码 <head> <title>image_share</title> </head> <body> <h1>Welcome to Coursera!</h1> {{>images}} </body> <template n

我正在做这个流星课程，其中使用了一个旧版本的流星，不确定把文件和文件夹放在哪里。我的主文件夹中的公用文件夹中有图像，下面是main.html客户端代码

<head>
  <title>image_share</title>
 </head>
<body>
  <h1>Welcome to Coursera!</h1>

  {{>images}}

</body>

<template name="images">
    {{#each images}}
        <img src="{{img_src}}" height="100" alt="{{img_alt}}" />
    {{/each}}
</template>

我的问题是浏览器窗口中只显示image1.jpg。

您的助手应该是：

Template.images.helpers({
    images:function() {
        return img_data;
    },
});

在模板中，最好在“this”上下文中显式引用循环中的数据：

{{#每个图像}
{{/每个}}

“This”在这里指的是数组中的当前对象，您可以迭代。

谢谢您的反馈！进行了您建议的更改，但浏览器窗口中仍然只显示image1。名称是否正确，是否没有拼写错误或其他问题？路径是否正确？假设你的代码，图像应该在没有任何子文件夹的公用文件夹中。双重选中，三重选中。。。路径和名称正确。公用文件夹中的图像，而不是子文件夹中的图像。如果将

替换为

{{this.img_src}}

，只需查看名称是否按需要打印。是的，图像名称打印为image1.jpg、image2.jpg、image3.jpg

Template.images.helpers({
    images:function() {
        return img_data;
    },
});

{{#each images}}
    <img src="{{this.img_src}}" height="100" alt="{{this.img_alt}}" />
{{/each}}