Angularjs 引导旋转木马在ng重复

我对ng repeat中的引导旋转木马有问题，因为如果旋转木马发生变化，图像不会一个接一个地加载，但所有图像都是一次性加载的。我在stackoverflow中发现了类似的问题，但在我的例子中，我从数据库加载数据（不使用

$scope

）

---

问题在于，您在传送带的一个项目中重复所有图像。转盘项目由“item”类定义。如果希望一次显示一幅图像，请重复以下步骤：

<div class="container"> 
   <div class="carousel slide" id="myCarousel">
       <div class="carousel-inner">
          <!-- add the `active` class to the first item with one-time binding (if $index is 0) -->
          <div class="item {{::($index === 0 ? 'active' : '')}}" ng-repeat="product in main.products track by $index">
             <div class="row">
                <div class="col-xs-3"><a href="#"><img ng-src="../../uploads/{{ product.imagePath }}" class="img-responsive"></a></div>
             </div>
          </div>
          <a class="left carousel-control" href="#myCarousel" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i></a>
          <a class="right carousel-control" href="#myCarousel" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i></a>
       </div>
    </div>
</div>

你能更好地解释一下你想要实现的目标吗？我有我的数据库，例如十种产品{title:'…'，price:'…'，description:'…'等}，我想用这十种产品制作旋转木马，我想使用ng重复。现在在我上面的代码旋转木马不工作，因为这十个产品是视图，所有在同一时间是你的控制器

<div class="container"> 
   <div class="carousel slide" id="myCarousel">
       <div class="carousel-inner">
          <!-- add the `active` class to the first item with one-time binding (if $index is 0) -->
          <div class="item {{::($index === 0 ? 'active' : '')}}" ng-repeat="product in main.products track by $index">
             <div class="row">
                <div class="col-xs-3"><a href="#"><img ng-src="../../uploads/{{ product.imagePath }}" class="img-responsive"></a></div>
             </div>
          </div>
          <a class="left carousel-control" href="#myCarousel" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i></a>
          <a class="right carousel-control" href="#myCarousel" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i></a>
       </div>
    </div>
</div>