Angular JS转发器+ Bootstrap Carousel

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有“active”类，它是可见的，当我尝试编写没有Angular JS的示例时，它可以工作。

如何将ng-repeat中的第一项设置为“活动”类？

Answer 1

使用以下内容：

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

Here您可以看到哪些属性在本地范围内公开。