Слайдер ngx-swiper-wrapper сразу же фокусируется на экране - PullRequest
Новая
       35

Слайдер ngx-swiper-wrapper сразу же фокусируется на экране

0 голосов
/ 25 марта 2020

Я использую ngx-swiper-wrapper в своем приложении angular на первой странице. и я сталкиваюсь с ошибочным сценарием при загрузке страницы, который пользователь пытается прокрутить вниз, однако он / она в конечном итоге будет менять слайды. Очевидно, что слайдер / swiper / carousel мгновенно фокусируется на мышке, что не является идеальным поведением.

Ниже мой выбранный код внутри домашнего компонента 

import {
        SwiperComponent,
        SwiperConfigInterface,
        SwiperDirective,
} from 'ngx-swiper-wrapper';

export class HomeComponent implements OnInit {
   slideIndex: number = 0;
   public config: SwiperConfigInterface = {
          a11y: true,
          direction: 'horizontal',
          slidesPerView: 1,
          keyboard: true,
          mousewheel: true,
          scrollbar: false,
          navigation: true,
          pagination: false
   };

   @ViewChild(SwiperComponent, { static: false }) componentRef?: SwiperComponent;
   @ViewChild(SwiperDirective, { static: false }) directiveRef?: SwiperDirective;

   constructor(private zone: NgZone) { }

  ngOnInit() {
      this.runTimer();
  }

    runTimer() {
                this.zone.runOutsideAngular(() => {
                        setInterval(() => {
                                          if (this.slideIndex <= 2) {
                                                         this.slideIndex++;
                                                         this.directiveRef.setIndex(this.slideIndex);
                                          } else {
                                               this.slideIndex = 0;
                                               this.directiveRef.setIndex(this.slideIndex);
                                          }
                                       }, 5000);
                                   });
              }

}

Как я могу изменить Конфигурация, чтобы избежать этого?

...