Angular JS轉發器+ Bootstrap傳送帶

Question

我想用AngularJS的數據填充Bootstrap Carousel組件。 基本上我填寫的項目內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">…</div> 
    <div class="item">…</div> 
    <div class="item">…</div> 
</div> 

第一個div有「積極」級，它是可見的，當我嘗試寫我的例子中沒有角JS像上面，它的工作原理。

我該如何設置ng-repeat中的第一項來使「活動」類？

Answer 1

使用以下命令：

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

Here你可以看到哪些屬性在局部範圍內曝光。