javascript - 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 有“active”类，它是可见的，当我尝试像上面那样在没有 Angular JS 的情况下编写我的示例时，它起作用了。

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

Answer 1

使用以下内容:

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

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