Angular-Carousel模塊無法加載

Question

我正在嘗試在我的網站上實現“ 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 and Express上運行，並且對角轉盤使用CDN源：

<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模塊時，它會搜索ngTouch模塊。 而且那里不可用，因此angular拋出$injector/modulerr錯誤。

碼

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

上面的代碼在這里鏈接了angular-carousel.js API。