Ember.js を使用してTwitter Bootstrap Carouselを生成しています。を反復処理してArrayController
いますが、問題が発生しました。カルーセルには、data-slide-to
0 から上に向かって (0、1、2 など) 反復処理される for each アイテムが必要です。これを Ember で簡単に作成するにはどうすればよいですか?
別のフォローアップの質問: 反復の最初の項目のみのクラスactive
を Ember に設定するにはどうすればよいですか?
(私のコントローラーはデフォルトの形式なので、生成されます)
関連するテンプレート:
<script type="text/x-handlebars" id="featured">
<div class="span8">
<div id="featured" class="carousel slide">
<ol class="carousel-indicators">
{{#each article in controller}}
<li data-target="#featured" data-slide-to="0" class="active"></li>
{{/each}}
</ol>
<div class="carousel-inner">
{{#each controller}}
<div class="active item">
<div class="cover-photo">
{{renderPhoto coverPhoto.url}}
</div>
<div class="carousel-caption">
<h4>{{title}}</h4>
<p>derp derp durr hurr durr</p>
</div>
</div>
{{/each}}
</div>
</div>
</div>
</script>