1

我正在尝试在我的网站上实现图片库“angular-carousel”。但是 Angular 在加载轮播时会抛出错误：

未捕获的错误：[$injector : modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=myApp&p1=Error%3A%…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14 %2Fangular.min.js%3A17%3A381)

我在 Node 和 Express 上运行，我使用 CDN Source 进行 angular-carousel：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-carousel/0.3.12/angular-carousel.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-carousel/0.3.12/angular-carousel.js"></script>

这是我想放置旋转木马的地方：

<ul rn-carousel class="image">
    <li ng-repeat="x in img">
        <img ng-src="/uploads/{{project._id}}/{{x}}"/>
    </li>
</ul>

这是我的控制器部分：

var app = angular.module('myApp', ['ngRoute', 'angular-carousel']);
    app.controller('ProjectController',  function($scope,$http){
        var url = window.location.pathname;
        var id = url.substring(url.lastIndexOf('/') + 1);
        $http.get('/projects_view/'+id).success(function(data){ 
            $scope.project = data;
        });
        $http.get('/getpics/'+id).success(function (files){
            $scope.img = files;             
        });         
    });

没有轮播图像加载完美。希望得到帮助:)

4

1 回答 1

2

您错过了，angular-touch.js因为在创建angular-carousel模块时它需要ng-touch依赖，这就是为什么在创建angular-carousel模块时它会搜索ngTouch模块。那里不可用，所以角度会引发$injector/modulerr错误。

代码

angular.module('angular-carousel', [
    'ngTouch',
    'angular-carousel.shifty'
]);

上面的代码链接在angular-carousel.jsAPI 中。

于 2015-08-08T13:31:16.460 回答