如何在 Meteor 中正确实现 Bootstrap 轮播？答案

【问题标题】：How do I properly implement Bootstrap carousel in Meteor?如何在 Meteor 中正确实现 Bootstrap 轮播？
【发布时间】：2014-05-23 23:44:07
【问题描述】：

我正在将一些代码迁移到 blaze 并且遇到了我似乎无法克服的引导轮播问题。

我有以下预燃来激活一个轮播项目来启动整个事情

<div class="item {{#if active_sponsor}}active{{/if}}">

据记录，这不再适用于 blaze，所以我尝试将其修改为我能想到的唯一的东西是

{{#if active_sponsor}}
  <div class="item {{#if active_sponsor}}active{{/if}}">
{{else}}
  <div class="item">
{{/if}}

这一切都存在于 {{each 赞助商}} 块中。

遗憾的是，这无法运行，并出现错误提示意外 {{else}}（或者，如果我删除 {{else}} 意外 {{/if}}

这样做的正确方法是什么。我之前使用完全相同的模式来更改

【问题讨论】：

您确定第一个表单不起作用吗？那应该仍然有效，并且对我有用。我认为您在 Blaze 指南中所指的是像 selected 和 checked 这样的 无价值 属性不能再像 <option value="val" {{#if isSelected}}selected{{/if}}> 那样定义。
我同意@sbking 的第一种形式应该没问题。关于第二个选项，你试过{{#if active_sponsor}} <div class="item active"> {{else}} <div class="item"> {{/if}}吗？
感谢 cmets 的各位。你是正确的 skbing，第一个版本现在正在运行（刚刚做了一个 mrt 更新，所以肯定有什么东西在那里）。对于信息 Tobold，您拥有的代码实际上是我正在尝试的，对不起，我的打字错误。这是由于某种原因不允许我运行的代码。

标签： meteor twitter-bootstrap-3 spacebars

【解决方案1】：

来自 github 上的“使用 Blaze”：

https://github.com/meteor/meteor/wiki/Using-Blaze#conditional-attributes-with-no-value-eg-checked-selected

因此您应该改用此表单，假设 active_sponsor 是要在当前数据上下文中查找的属性。

Template.whatever.helpers({
    isActive:function(){
        return this.active_sponsor?"active":"";
    }
});

<div class="item {{isActive}}">
</div>

【讨论】：