Nativescript-ng2-carousel NPM

{N} + Angular Carousel Slider

A simple NativeScript + Angular images carousel for iOS and Android.

Tested on:

You can download older versions here for previous versions of Angular and Nativescript.

I would appreciate any feedback as well as bug reporting, suggestions or changes - please create an issue.

You can check a reference application here created to show how to integrate the "{N} + Angular Carousel Slider".

iOs	Android

See demo for further details.

Add the CarouselDirective class to the declarations NgMoudle metadata:
To use the CarouselDirective, create a template that applies the directive as an attribute to a paragraph GridLayout element:

</GridLayout>

Add images from URL to your component:

You can also add images from your assets folder or resources folder using file attribute instead of url attribute:

Currently directive supported attributes:

carousel list of images as JSON or CarouselSlide class, accepted parameters (title?, url?, file?)
carouselSpeed (optional) defines the interval (number in ms) to wait before the next slide is shown
carouselAnimationSpeed (optional) defines the animation speed (number in ms)
carouselArrows (optional) arrow type, accepted values none, small, normal, bold or narrow (default normal)
carouselLabelOverlay (optional) silde title over image, accepted values true or false (default false)