All Projects → ksachdeva → Angular2 Swiper Example

ksachdeva / Angular2 Swiper Example

Licence: mit
Example of how to use Swiper in angular 2 application

Programming Languages

typescript
32286 projects

[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>
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].