Question

我已经阅读了有关此问题的所有问题，但仍然发生在我身上。在我的html中，我使用角度与旋转木马，我的问题是，在las项目中，它不再循环。如果我单击左按钮但不使用右按钮，它确实有效。这是我的代码

<div id="filters-carousel" data-interval="false" class="container-fluid carousel slide issue-div-wrapper" data-ride="carousel">
  <div class="container filters-carousel carousel-inner issue-div" role="listbox" ng-show="filterContent['{{key}}']" ng-repeat="(key, values) in filterContent.filters">
    <ul class="item" ng-class="{active : $index == 0}" ng-repeat="v in values" ng-if="$index % 8 === 0">
      <li ng-repeat="v in values.slice($index, $index + 8)" ng-class="{active: filterContent.isSelectedValue(key, v)}" ng-click="filterContent.addFilter(key, v)">
        <a  class="issue-btn btn-default">{{v}}</a>
      </li>
    </ul>
  </div>
  <!-- Controls -->
  <a class="left carousel-control" href="#filters-carousel" role="button" data-slide="prev">
    <span class="glyphicon glyphicon glyphicon-menu-left" aria-hidden="true"></span>
  </a>
  <a class="right carousel-control" href="#filters-carousel" role="button" data-slide="next">
    <span class="glyphicon glyphicon glyphicon-menu-right" aria-hidden="true"></span>
  </a>
</div>

Answer 1

我不知道标记是否与以下链接重复，您使用的是ngAnimate吗？

看看： angularjs corousel stops working

这是ui.bootstrap和ngAnimate之间的兼容性问题.... https://github.com/angular-ui/bootstrap/issues/1350

这里也是：https://github.com/angular-ui/bootstrap/issues/1565

但有人发布了他的解决方案：

app.config(
    ['$animateProvider',
    function ($animateProvider) {
        $animateProvider.classNameFilter(/carousel/);
    }]);

这意味着对应用程序中的所有元素禁用ngAnimate 与旋转木马课程。

可能是你的问题？希望它有所帮助！

Bootstrap轮播在最后一个项目后停止

1 个答案: