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">…&lt;/div>
    <div class="item">…&lt;/div>
    <div class="item">…&lt;/div>
</div>

第一个 div 具有“活动”类，它是可见的，当我尝试在没有 Angular JS 的情况下编写示例时，它可以工作。

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

Answer 1

使用以下内容：

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

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