динамический ngx Slick Carousal с различными настройками для каждой карусели - PullRequest
Новая
       21

динамический ngx Slick Carousal с различными настройками для каждой карусели

0 голосов
/ 19 сентября 2019

Я пытаюсь добавить скользкую карусель в свой Angular 8. В моем проекте пользователь может добавить несколько скользких каруселей и установить различные конфигурации для каждого слайд-шоу.Таким образом, в каждом слайд-шоу изменяется продолжительность слайдов и контроллеров.Я пытался добиться этого, устанавливая динамический идентификатор и используя функциональность setAttribute для настройки конфигурации ползунков, но это не работает.Поэтому в настоящее время я пытаюсь использовать приведенный ниже код, но все равно не добьюсь успеха.

Код файла Ts: 

// declare $ to avoid .slick() error
     declare const $: any;
     const slideShow = 'slideshow' + index;
     setTimeout(() => {
                         const element = document.getElementById(slideShow);
                         if ($(this).is("#slideshow"+index)) {
                         $(this).slick({
                              dots: true,
                              infinite: true,
                              slidesToShow: 2
                            });
                          }
                         },500);

Код файла HTML: 

 <ngx-slick-carousel class="carousel custom-card-inner" #slickModal="slick-carousel" 
    [ngClass]="{'custom-card-inner-header':item.header,
       'custom-card-inner-footer':item.footer}" id="slideshow{{index}}">
        <div ngxSlickItem *ngFor="let image of item.selectedData" class="slide">
          <img [src]="image.path" alt="" style="width:100%; height: auto;">
        </div>
 </ngx-slick-carousel>

Пожалуйста, помогите мне установить конфигурацию для слайд-шоу из файла TS.

...