Angular-ui-Bootstrap旋转木马不无限运行

Question

我正在使用有角度的引导旋转木马，由于某种原因，幻灯片没有无限运行，我认为这应该是编程的方式，可以从我所执行的其他SO答案的阅读中工作，也可以从引导文档中工作。我有3张图片设置为幻灯片，但它只改变一次，然后停止(即。从image1到image2的更改)。

我的angular js是这样的:

this.Interval = 300;
this.slides = [
 {
  image: '/image1.jpg'
 }, 
 {
  image: '/image2.jpg'
 }, 
 {
  image: '/image3.jpg'
 }
 ];

我的html是这样的:

 <section id="test">
            <div class="container">
                <div class="col-md-2 hidden-sm"></div>
                <div class="col-md-12 col-sm-12">
                    <div class="row">
                        <carousel interval="Hello.Interval">
                            <slide ng-repeat="slide in Hello.slides" active="slide.active">
                            <div class="col-md-4 col-xs-3">
                                <img ng-src="{{slide.image}}">
                            </div>
                            <div class="col-md-8">
                                <p class="quote">
                                    <span translate="{{ 'quote[' + ($index + 1) + ']'}}"></span><br>
                                    <span class="quote-author" translate="{{ 'name[' + ($index + 1) + ']'}}"></span>
                                </p>
                            </div>
                            </slide>
                        </carousel>
                    </div>
                </div>
                <div class="col-md-2 hidden-sm"></div>
            </div>
        </section>

我已经添加了所有的html，包括div，我觉得是不相关的，但也许这些div也有影响。虽然我确实试着把它移到骨头上，但它仍然不起作用。如果css是必需的，请告诉我。

Answer 1

我找到了答案。这是由于一个错误，阻止ng-animate与ui.bootstrap一起工作。

下面的指令解决了这个问题:

JS

app.directive('disableNgAnimate', ['$animate', function($animate) {
  return {
    restrict: 'A',
    link: function(scope, element) {
      $animate.enabled(false, element);
    }
  };
}]);

HTML

<carousel disable-ng-animate>
  ...
</carousel>

Answer 2

Paul的解决方案有效，但破坏了ngAnimate给出的动画。实际上，我有问题建立一个良好的旋转木马与ui-bootstrap和ngAnimate。如此悲伤…

—可能的解决方案—

我在angular github问题中读到这是实际版本的问题，所以你必须使用ngAnimate和angular 1.3.13同时不能解决这个问题。