为什么我的车把#each 循环中的@first 总是错误的？

Question

使用 Ember.Handlebars，我正在尝试设置一个 Bootstrap 轮播来展示我的数据存储中的一系列问题。

我想在轮播的第一项上添加active 类，但听起来像我的 {{if @first}} 测试永远不会被评估为真。。 p>

• 我的app/templates/issues-list.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>
  

• 我的app/routes/issues-list.js 很简单：

  model: function() {
  
      var issues = this.get('store').filter('issue', {
          filters: { "state" : "visible" }
      }, function(item) {
          return (item.get('state') === "visible") ;
      }).then( function(results) {
          return results ;
      }) ;
  
      return Ember.RSVP.hash({issues: issues}) ;
  }
  

有人遇到过这个问题吗？

有没有合适的方法来处理 DS.FilteredRecordArrays in a {{#each ...}} helper ？

---

我正在合作：

• 灰烬 1.13.2
• Ember 数据 1.13.5
• 引导程序 3.3.5

---

非常感谢任何给予的帮助！

Answer 1

@index 和 @first 在 htmlbars 中不可用。但是，您可以：

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

见：http://jsbin.com/zupezap/2/edit?html,css,js,output