import { Component , NgIf } from 'angular2/angular2' ; import { Carousel , CarouselSlide , CarouselCaption } from 'angular2-bootstrap' ; @ Component ( { selector : 'demo-carousel' , templateUrl : './samples/carousel/demo-carousel.html' , directives : [ NgIf , Carousel , CarouselSlide , CarouselCaption ] } ) export class DemoCarousel { slideIndex ; slideWrap ; slideInterval ; slidePause ; slideNoTransition ; extraSlides ; constructor ( ) { this . slideIndex = 1 ; this . slideWrap = true ; this . slideInterval = 5000 ; this . slidePause = "hover" ; this . slideNoTransition = false ; this . extraSlides = false ; } onIndexFieldChange ( event ) { this . slideIndex = event . target . value ; } onIndexChange ( newValue ) { this . slideIndex = newValue ; } onIntervalFieldChange ( event ) { this . slideInterval = event . target . value ; } onWrapCheckboxChange ( event ) { this . slideWrap = event . target . checked ; } onPauseCheckboxChange ( event ) { this . slidePause = event . target . checked ? "hover" : "" ; } onAnimationCheckboxChange ( event ) { this . slideNoTransition = ! event . target . checked ; } onExtraCheckboxChange ( event ) { this . extraSlides = event . target . checked ; } onSlideStart ( ) { } onSlideEnd ( ) { } }