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你可以看到哪些属性在局部范围内曝光。