使用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、输出