为什么@first在我的车把#每个循环中总是假的?

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

本文关键字：循环 @first 我的 为什么      更新时间：2023-09-26

使用Ember。车把，我试图建立一个引导旋转木马，以展示从我的数据存储选择的问题。

我想在我的carousel的第一项上添加active类，但是听起来像我的 {{if @first}} 测试从未评估为真。

  • My app/templates/issues-list.hbs is: 

    <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}) ;
}

有人遇到过这个问题吗?

在 {{#each ...}} helper中是否有合适的方法来处理 DS.FilteredRecordArray s ?

我正在与:

合作
  • 十一月1.13.2
  • 12月数据1.13.5
  • 引导3.3.5

@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、输出

相关文章：