2015-08-08 88 views
1

我試圖在我的網站上實現圖像庫「angular-carousel」。但角度拋出一個錯誤,裝載轉盤時:Angular-Carousel模塊無法加載

Uncaught Error: [$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)

我在節點和快速運行,我用了一個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> 

而且here's我的控制器部分:

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;    
     });   
    }); 

沒有傳送帶圖像加載完美。 盼望幫助:)

+1

我認爲你缺少'angular-touch.js'參考 –

+0

是的這解決了錯誤!但那裏仍然沒有畫廊!?我執行它錯了嗎? – Wandkleister

回答

2

你錯過了angular-touch.js因爲在創建angular-carousel模塊需要ng-touch依賴,這就是爲什麼在創建angular-carousel模塊,它搜索ngTouch模塊。並且哪些在那裏不可用,所以角度拋出$injector/modulerr錯誤。

代碼

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

以上angular-carousel.js API代碼link here

+0

謝謝你解決這個錯誤!任何想法爲什麼我仍然看不到旋轉木馬?沒有錯誤投擲了,但沒有圖像。 – Wandkleister

+0

@Wandkleister做的'文件'包含文件集合的數組? –

+0

這是一個文件名數組,我在ng-repeat中使用。 – Wandkleister