我假设由于我在学习流星时缺乏理解而将其放在错误的地方或犯了一些其他缺陷。
我有一个处理数据等的Meteor应用程序,在这方面一切都很好。我为此应用程序创建了许多徽标,我想与其他一些徽标共享以获取他们喜欢的反馈。
所有徽标文件都命名为logo1.png,logo2.png,logo3.png等。这是快速简便的循环(因为我知道我有多少个文件)的最佳时机,只需将循环变量连接到单词上徽标,然后是.png。
因此,在我的本地计算机上,我抛出了一个HTML文件,其中包含以下文件,该文件可以完全按照我的需要工作。
<script type="text/JavaScript">
for (i = 1; i < 7; i++) {
logoName = '';
logoName += "logo" + i + ".png"
document.write ("<img src=" + logoName + " height=200px>");
}
</script>
然后我将其放入Meteor main.html文件中:
<body>
{{> header}}
<script type="text/JavaScript">
for (i = 1; i < 7; i++) {
logoName = '';
logoName += "logo" + i + ".png"
document.write ("<img src=" + logoName + " height=200px>");
}
</script>
<div class="text-center">
{{> invList}}
</div>
</body>
问题是我的Meteor应用程序在“ i <7”语句中捕获了“ <”,并期望有一个标签。
所以我得到以下错误:
在构建应用程序时:client / main.html:10:
<
...“>之后的预期标记名称,用于(i = 1; i <7; i ++){...
我可能在这里缺少有关代码放置位置的信息,但是我检查了Meteor文档,DiscoverMeteor,除了检查了此站点外,还做了一些Google搜索,但我还没有找到如何使Meteor忽略它的方法一点点的JavaScript,因此它不会比符号少捕捉到任何期望。
我是否应该以某种方式将此代码放入/ public?如果是这样,我不确定如何从main.html调用它,以便将图像放置在所需的位置。
如您所知,您不应该这样写HTML。而是将您的循环放入帮助器中。
HTML:
<body>
{{> images}}
</body>
<template name="images">
{{#each logos}}
<img src="{{url}}" class="logo"/>
{{/each}}
</template>
JS:
Template.images.logos = function() {
return _.map(_.range(1, 7), function(idx) {
return {url: 'logo' + idx + '.png'};
});
};
CSS:
.logo {
height: 200px;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句