angular-carousel
angular-carousel copied to clipboard
Unknown provider: $swipeProvider <- $swipe <- rnCarouselDirective
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
did you add angular-touch.js as mentioned in the README ?
Yes.. I fixed the error I had to rewrite my module definition as : angular.module('MyApp', ['angular-carousel']) .controller('MyController',function($scope){
});
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.
ok, please provide a plunker with reproduction possible
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.
i also have this problem. ( i am using angular js 1.5 )
I have this problem too. (AngularJS 1.5)
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!
did anyone find a solution that does not use webpack? I am on ng 1.5.11
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.
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.