javascript - ngAnimate 破坏了现有的 ui.bootstrap.carousel

Question

我有当前的 app.js

angular.module('app', ['ngRoute', 'ngSanitize', 'ui.bootstrap','ui.router', 'com.2fdevs.videogular', 'com.2fdevs.videogular.plugins.controls', 'com.2fdevs.videogular.plugins.overlayplay',
'com.2fdevs.videogular.plugins.poster', 'com.2fdevs.videogular.plugins.buffering', 'ngDraggable','angular-loading-bar', 'chart.js', 'angularSpinner'])

我在我的index.html中包含了所需的javascript文件

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-resource.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-route.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-sanitize.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.13.1/ui-bootstrap-tpls.min.js"></script>

有了这个，轮播至少可以工作，没有过渡动画，但如果我单击箭头，它会切换到下一个。

然后我将 Angular-animate 添加到了 index.html 中:

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-animate.js"></script>

并将 ngAnimate 作为 app.js 的依赖项。

但这会破坏轮播。这样，轮播就不会自行前进，单击箭头也不会执行任何操作。我在控制台中没有看到任何错误，也没有看到为什么这不起作用。我是否缺少一些 css 东西或者什么？

Answer 1

可能有点晚了，但有一个解决方案。创建一个基本上禁用 ng-animate 的指令:

app.directive('disableAnimation', function ($animate) {
    return {
        restrict: 'A',
        link: function ($scope, $element, $attrs) {
            $attrs.$observe('disableAnimation', function (value) {
                $animate.enabled(!value, $element);
            });
        }
    }
});

然后将属性“disable-animation='true'”添加到您的轮播标签中。该解决方案是由另一位用户在不同问题上建议的。我正在拼命地寻找他并给予他应有的荣誉，如果找到的话我会进行编辑。