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有"活动"类,它是可见的,当我尝试编写没有像上面的Angular JS这样的例子时,它可以工作.

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

Answer 1

使用以下内容:

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

在这里,您可以看到在本地范围上公开了哪些属性.