使用帮助程序的流星条件 HTML
meteor conditional html using helpers
新手问题在这里...我正在尝试启动一个简单的流星应用程序,但在调用我的一个辅助函数时遇到问题(它似乎被忽略了)。
基本上,我不想使用稍微不同的html调用,具体取决于我是否使用集合中的第一项。
我在集合 (seq) 中添加了一个从 0 开始的序列号,在模板上创建了一个帮助程序函数
Template.carousel.helpers({
sponsors: function() {
return sponsorDocs.find();
},
first_sponsor: function() {
console.log(this);
var value = (this.seq === 0);
if(value) {
console.log("Got first sponsor");
}
else {
console.log("Not the first sponsor");
}
return value;
}
});
并尝试在模板中使用它,如下所示。.
<template name="carousel">
<!-- Carousel
================================================== -->
<div id="tbCarousel" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators">
{{#each sponsors}}
{{#if first_sponsor}}
<li data-target="#tbCarousel" data-slide-to={{seq}} class= "active" ></li>
{{else}}
<li data-target="#tbCarousel" data-slide-to={{seq}} ></li>
{{/if}}
{{/each}}
</ol>........
现在,每个都工作正常,但first_sponsor调用似乎从未发生过(无论如何我从未看到控制台日志输出......
知道为什么吗?无论如何,有没有更好的方法来做到这一点(看起来确实有点笨拙)。
铽
彼得。
为每个 li 添加一些视觉效果。 是否显示 1、2 或两者?
执行此操作的另一种方法是仅让帮助程序返回类名(活动或空白),class="{{sponsor_class}}"添加:我们可能会知道正在走错误的道路,然后质疑为什么。一个常见的原因是 JavaScript 失败。您知道您的网络浏览器控制台吗?
相关文章:
- jQuery-有条件地附加HTML
- 使用javascript以HTML形式验证条件
- html+javascript:如何在某些条件下禁用dropdownlist中的null选项
- 有条件地运行javascript函数-Razor,HTML
- 使用jQuery按条件将样式设置为html标记
- 我可以基于 HTML 类为菜单效果编写 if/else 条件吗?
- 是否可以用php条件解析jQuery.append中的Html
- HTML页面在使用JavaScript的条件下重新加载
- 如何用angular js对HTML元素的id属性进行条件设置
- 在HTML中搜索字符串并返回True的Javascript条件
- 如果满足条件,请防止用PJAX替换html内容
- 遍历 html 单元格并在满足条件时执行函数
- 为表的内部 HTML 设置条件
- 如何在 JavaScript 中循环遍历 HTML 行并在满足条件时更改背景
- 如何在动态构建 HTML 时保持 if 条件
- 使用帮助程序的流星条件 HTML
- Ember嵌套路由模板,用条件HTML代替outlet
- RactiveJS模板条件HTML
- PHP-如何避免“;回声;例如,当需要条件HTML块时使用HTML
- 条件HTML需要建议