angular2-swiper-example icon indicating copy to clipboard operation
angular2-swiper-example copied to clipboard

Example of how to use Swiper in angular 2 application

trafficstars

[Not Maintained and Deprecated]

This project is not maintained any more and is deprecated.

Please check out https://github.com/zefoy/ngx-swiper-wrapper if you are looking for the wrapper component for swiper.

angular2-swiper-example

Example of how to use Swiper in angular 2 application

Install require global applications

  • npm install -g typings
  • npm install -g typescript

Install local dependencies

npm install

Run the application

npm start

Sample Markup

Example:

<div class="myslides">
  <ks-swiper-container [options]="example1SwipeOptions">
    <ks-swiper-slide *ngFor="let s of [1,2,3,4,5,6,7]">
      <img src="http://api.randomuser.me/portraits/thumb/men/{{s}}.jpg">
    </ks-swiper-slide>
  </ks-swiper-container>
</div>