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

Question

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

我想在轮播的第一项上添加 active class，但是 听起来像我的 {{if @first}} test 从未评估为 true.

我的 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 ...}}助手 ?

我正在与 :

Ember 1.13.2
Ember-数据 1.13.5
Bootstrap 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

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

Why is @first always false in my handlebars #each loop?

javascript

handlebars.js

ember.js