破碎的流星图像

我正在做这个流星的课程，其中旧版本的流星使用和不确定放在哪里放置文件和文件夹。我有一个公用文件夹这是我的主文件夹和下面的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>

图像和下面的客户端代码main.js

if (Meteor.isClient) { 
    console.log("I am the client"); 

var img_data = [ 
    { 
     img_src:"image1.jpg", 
     img_alt:"dental surgery" 
    }, 

    { 
     img_src:"image2.jpg", 
     img_alt:"carribean night" 
    }, 

    { 
     img_src:"image3.jpg", 
     img_alt:"full moon palm tree" 
    }, 

]; 

Template.images.helpers({images:img_data}); 
}

我的问题是只有image1.jpg出现在浏览器窗口中。

来源

2017-05-27 Chris Carr

你的助手应该是功能：

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

且模板中其良好的显式引用在循环中的数据在“这个”背景：

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

“这”指在这里对数组中的当前对象进行迭代。

来源

2017-05-27 07:43:22 Jankapunkt

感谢您的反馈！进行了建议的更改，但仍然只有image1显示在浏览器窗口中。 –

名称是否正确，无错别字或什么？路径是正确的？假设你的代码，图像应该在没有任何子文件夹的公共文件夹中。 – Jankapunkt

双重检查，三重检查...路径和名称是正确的。公用文件夹中的图像，而不是子文件夹。 –

破碎的流星图像

回答

相关问题