Question

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

未捕捉错误：[$ injector：modulerr] http://errors.angularjs.org/1.3.14/ $ injector / modulerr？p0 = myApp＆amp; p1 =错误％3A％... gleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.3.14％2Fangular.min的.js％3A17％3A381）

我在Node和Express上运行，我使用了CDN Source for 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;             
        });         
    });

没有旋转木马图像加载效果很好。希望得到帮助:)

Answer 1

您错过了angular-touch.js，因为在创建angular-carousel模块时，它需要ng-touch依赖项，这就是为什么在创建angular-carousel模块时搜索{{1}模块。那里没有，所以角度抛出ngTouch错误。

<强>代码

$injector/modulerr

angular.module('angular-carousel', [ 'ngTouch', 'angular-carousel.shifty' ]); API中的代码link here。

Angular-Carousel模块无法加载

1 个答案: