Javascript 为什么在我的把手上每个环上都有“第一个”是假的？

使用Ember.handlebar，我试图建立一个引导转盘来展示我的数据存储中的一系列问题

我想在旋转木马的第一个项目上添加

active

类，但是听起来像是我的

{{if@first}

测试从未评估为真

• 我的

  应用程序/模板/问题列表。hbs

  是：

  <div id="showcase-issues" class="carousel slide">
      <div class="carousel-inner">
          {{#each model.issues as |issue|}}
  
              {{#if @first}}
              <div class="active item">
                  {{#issue-item issue=issue}}{{body}}{{/issue-item}}
              </div>
              {{else}}
              <div class="item">
                  {{#issue-item issue=issue}}{{body}}{{/issue-item}}
              </div>
              {{/if}}
  
          {{/each}}
      </div>
      {{!-- Nav buttons, etc. ... --}}
  </div>
  

有人已经面临这个问题了吗

是否有适当的方法来处理

DS.FilteredRecordArray

中的

{{each…}

帮助程序？

---

我的工作对象是：

• 余烬1.13.2
• 余烬数据1.13.5
• 引导3.3.5

---

---

非常感谢您的帮助

@index

和

@first

在HTMLBAR中不可用。但是，您可以：

{{#each model.issues as |issue index|}}
  <div class="item {{unless index 'active'}}">
    {{#issue-item issue=issue}}{{body}}{{/issue-item}}
  </div>
{{/each}}

{{{#每个模型.作为|问题索引|}发布}
{{{{发布项目发布=发布}{{body}{{/发布项目}}
{{/每个}}

---

请参阅：

活动类是在某一点设置在其他元素上还是始终在第一个元素上？引导程序将在运行时切换它，是的。但我想首先展示的问题永远是。。。第一，有效。为什么？几乎是：非常感谢！您的版本出现编译错误：

一个块只能在HTML元素或另一个块中使用。

但尝试几次后，我修复了它！祝你有愉快的一天，享受你的编码@布鲁啊，我不知道，谢谢。那看起来也更干净。我已经更新了答案。但是：你能调整JSBin链接吗？再次感谢！这太棒了！不错

{{#each model.issues as |issue index|}}
  <div class="item {{unless index 'active'}}">
    {{#issue-item issue=issue}}{{body}}{{/issue-item}}
  </div>
{{/each}}