angular 2 : Using slick caroussel inside a template

Question

I use slick carousel as a component in my angular project ; this slick component is like below :

@Component({
    selector: \'slick-slider\',

    template: `
           


        

Answer 1

If you're using the slick-slider component I detailed here I think you'll need to modify it a little. I was reading the specs of the slider here and you have methods to add/remove a slide. So maybe the workaround would be adding a new method to the slick-slider component to update the sliders. Something like this:

update(elements: any[]) {
    jQuery(this.el.nativeElement).slickRemove() //for each slide you have
    jQuery(this.el.nativeElement).slickAdd('...') //for each new slide with the required template
}

Haven't tested this, but I think this could be the way to go.