demo/src/app/components/+carousel/demos/dynamic/dynamic.ts
import { Component } from '@angular/core';
@Component({
selector: 'demo-carousel-dynamic',
templateUrl: './dynamic.html'
})
export class DemoCarouselDynamicComponent {
slides = [];
activeSlideIndex = 0;
constructor() {
for (let i = 0; i < 4; i++) {
this.addSlide();
}
}
addSlide(): void {
this.slides.push({
image: `assets/images/nature/${this.slides.length % 8 + 1}.jpg`
});
}
removeSlide(index?: number): void {
const toRemove = index ? index : this.activeSlideIndex;
this.slides.splice(toRemove, 1);
}
}