4

Bootstrap Carousel コンポーネントに AngularJS のデータを入力しようとしています。基本的に、私は次のcarousel-innerようにクラス内の項目を埋めています:

 <div class="carousel-inner">
     <div class="item" ng-repeat="screen in app.screens">
       <img ng-src="screens/{{screen}}"  class="center"/>
     </div>
 </div>

これで問題なく動作しますが、最初は写真が表示されません。私のアイテムにactiveクラスがないためだと思います。

公式ドキュメントでは：

<div class="carousel-inner">
    <div class="active item">…&lt;/div>
    <div class="item">…&lt;/div>
    <div class="item">…&lt;/div>
</div>

最初の div には「アクティブな」クラスがあり、それが表示されます。上記のように Angular JS を使用せずに例を記述しようとすると、機能します。

ng-repeat の最初の項目を「アクティブ」クラスに設定するにはどうすればよいですか?

4

1 に答える 1

12

以下を使用します。

<div class="item" ng-repeat="screen in app.screens" ng-class="{active : $first}">

ここでは、ローカル スコープで公開されているプロパティを確認できます。

于 2013-04-22T20:42:46.387 に答える