angular-carousel icon indicating copy to clipboard operation
angular-carousel copied to clipboard

Unknown provider: $swipeProvider <- $swipe <- rnCarouselDirective

Open RohitRane123 opened this issue 8 years ago • 11 comments

I followed the steps you mentioned in your guidelines inorder to include your carousel in my app

This is script code var myApp = angular.module('MyApp', ['angular-carousel']);

myApp.controller('MyController',function($scope){

});

And this is my html code

  • slide #1
  • slide #2
  • slide #3

RohitRane123 avatar Jul 15 '15 14:07 RohitRane123

did you add angular-touch.js as mentioned in the README ?

revolunet avatar Jul 15 '15 14:07 revolunet

Yes.. I fixed the error I had to rewrite my module definition as : angular.module('MyApp', ['angular-carousel']) .controller('MyController',function($scope){

});

RohitRane123 avatar Jul 15 '15 14:07 RohitRane123

I thought the issue was resolved but it's its not.

It just that in the html tag when I changed the directive name from rn-carousel to rnCarousel the error went away but carousel was not generated. So please re-open the issue.

RohitRane123 avatar Jul 15 '15 14:07 RohitRane123

ok, please provide a plunker with reproduction possible

revolunet avatar Jul 17 '15 18:07 revolunet

Actually I needed it for a project to be deployed in crunch time. So, I switched to another jQuery based carousel. But, I'll try and reproduce the issue in plunker and share here ASAP.

RohitRane123 avatar Jul 20 '15 05:07 RohitRane123

i also have this problem. ( i am using angular js 1.5 )

arjundas avatar Mar 30 '16 02:03 arjundas

I have this problem too. (AngularJS 1.5)

ramoncarreras avatar Aug 03 '16 12:08 ramoncarreras

Do like this (Webpack solution):

import angularTouch from 'angular-touch'; import 'angular-carousel';

And then

const carousel = 'angular-carousel'; const ngTouch = 'angular-touch';

and use those variables in your modules dependencies.

[ ..., angularTouch, carousel ],

Hope it helps!

PeterStegnar avatar Jan 04 '17 17:01 PeterStegnar

did anyone find a solution that does not use webpack? I am on ng 1.5.11

nlaycock avatar Feb 27 '17 11:02 nlaycock

We had the same problem in our project and found out that angular-carousel was loading angular-touch version 1.6.x which was most likely not compatible with our angular version 1.5.11.

To avoid loading an incompatible version we explicitly specified the angular-touch version we want in our bower.json which resolved the problem for us.

Reicr avatar Mar 21 '17 14:03 Reicr

I solved this.

Issue was angular-touch.js version incompatibility.

I was using Ver. 1.6.4 before but then downgraded it to 1.5.8 & its working fine.

One more thing to consider is to avoid using angular.js twice.

In my ionic app, it is included by default so I had to remove one which I had already added under my index.php

Also dont forget to style your .image class by setting its display to block & proper height width attributes.

degroundshaker avatar Apr 03 '17 12:04 degroundshaker