Javascript MEAN.JS和角引导旋转木马不工作

我正在开始并尝试在上实现carousel示例。我使用命令yo meanjs创建了一个样板项目，并修改了home.client.view.html以删除jumbotron并将其替换为以下html（从ui引导示例复制）

幻灯片{{$index}
{{slide.text}

添加幻灯片
间隔，以毫秒为单位：

输入一个负数以停止间隔。

我添加了一个名为MyCarouseController的控制器（文件名为carousel.client.controller.js），并从示例中添加了javascript

angular.module('core').controller('MyCarouselController', ['$scope', 'Authentication',
  function($scope, Authentication) {
    $scope.myInterval = 5000;
    var slides = $scope.slides = [];
    $scope.addSlide = function() {
      var newWidth = 600 + slides.length;
      slides.push({
        image: 'http://placekitten.com/' + newWidth + '/300',
        text: ['More','Extra','Lots of','Surplus'][slides.length % 4] + ' ' +
          ['Cats', 'Kittys', 'Felines', 'Cutes'][slides.length % 4]
      });
    };
    for (var i=0; i<4; i++) {
      $scope.addSlide();
    }
  }
]);

angular.module（'core'）.controller（'MyCarouselController'，['$scope'，'Authentication'，'，
功能（$范围、身份验证）{
$scope.myInterval=5000；
var slides=$scope.slides=[]；
$scope.addSlide=函数（）{
var newWidth=600+slides.length；
推({
图像：'http://placekitten.com/“+newWidth+/300”，
文本：['More'、'Extra'、'Lots's'、'盈余][slides.length%4]+'+
[‘猫’、‘小猫’、‘猫’、‘可爱’][slides.length%4]
});
};
对于（var i=0；i来说，这是一个带有角度动画模块和角度引导的bug…显然它已经存在了很久，它需要一些挖掘，但仍然有答案

上面有一堆垃圾（参见github angular ui/bootstrap issue threads）

控制器中的$animate.enabled（false）将修复此问题。当然，取决于您是否在该控制器中使用动画，您需要稍微调整一下

把它放在你的控制器中，它就会工作。你可以玩其他设置（设置为true），看看它是如何破坏的。你需要在你的控制器中引用$animate来做这件事

angular.module('core').controller('MyCarouselController', ['$scope', 'ngAnimate', 'Authentication',
      function($scope, $animate, Authentication) {

    $animate.enabled(false);

angular.module('core').controller('MyCarouselController', ['$scope', 'ngAnimate', 'Authentication',
      function($scope, $animate, Authentication) {

    $animate.enabled(false);