This is an angular implementation of http://idangero.us/swiper/get-started/ This requires no dependencies and written entirely in angular! ( That means no swiper install or jquery install necessary ) If you want to configure the swiper just apply the options as attributes to the swiper directive. A reference to the swiper api can be found here : http://idangero.us/swiper/api/
This module also works with webpack and es6.
bower install angular-ui-swiper
OR
npm install --save-dev angular-ui-swiper
<link rel="stylesheet" href="bower_components/angular-ui-swiper/dist/angular-ui-swiper.css">
<script src="bower_components/angular-ui-swiper/dist/angular-ui-swiper.js"></script>
OR
<link rel="stylesheet" href="node_modules/angular-ui-swiper/dist/angular-ui-swiper.css">
<script src="node_modules/angular-ui-swiper/dist/angular-ui-swiper.js"></script>
Add the module dependency to your project
angular.module('app', ['ui.swiper']);
Sample Usage :
<swiper>
<slides>
<slide>Slide1</slide>
<slide>Slide2</slide>
</slides>
<prev></prev>
<next></next>
<pagination></pagination>
</swiper>
See here you added a swiper with pagination and directional buttons. Within the slide tag you can put whatever html you want to put in there!
For more examples you can look at the demo page.