Question

我正在尝试将一个轮播（http://angular-ui.github.io/bootstrap/#/carousel）添加到我的Bootstrap 3网站。但是，所有图像都会立即显示错误。

当我使用轮播（http://angular-ui.github.io/bootstrap/#/carousel）代码创建示例项目时，它运行正常。

我的模块如下所示

var app = angular.module('myapp', ['ngRoute', 'angularFileUpload', 'LocalStorageModule', 'angular-loading-bar']);

并且，对于旋转木马需要以下。

angular.module('ui.bootstrap.demo', ['ngAnimate', 'ui.bootstrap']);

所以当我将2以上加入我的项目时

var app = angular.module('myapp', ['ngRoute', 'ngAnimate', 'ui.bootstrap', 'angularFileUpload', 'LocalStorageModule', 'angular-loading-bar']);

我遇到了错误。

编辑：在下面提到

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-animate.js"></script>
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.14.3.js"></script>

我收到以下错误。

Line: 4442
Error: [$injector:cdep] Circular dependency found: $http <- $templateRequest <- $$animateQueue <- $animate <- cfpLoadingBar <- $http <- authService
http://errors.angularjs.org/1.4.7/$injector/cdep?p0=%24http%20%3C-%20%24templateRequest%20%3C-%20%24%24animateQueue%20%3C-%20%24animate%20%3C-%20cfpLoadingBar%20%3C-%20%24http%20%3C-%20authService

Answer 1

根据堆栈跟踪，angular没有找到模块ngAnimate。您可能忘记链接 index.html 页面中的angular-animate脚本。

<强>的index.html

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-animate.js"></script>
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.14.3.js"></script>

当我使用ng-repeat时，Bootstrap Carousel一次显示所有图像并出现错误

1 个答案: