Slick 회전 목마 GoToSlide 문제

Question

Slick 회전 목마에 문제가 있습니다. 각도 4를 사용하고 있습니다. 개인의 이름을 가진 회전 목마가 있으며 검색 입력이 있습니다.

이름을 검색 할 때마다 검색 입력의 초점이 사라지고 goToSlide가 내가 작성한 이름으로 움직이기 시작합니다.

입력에 집중할 수있는 방법이 있습니까? 다음은 내 코드입니다 :

나는 개인의 내 데이터를 가져 오는하고있어 경우 검색 입력이

<input type="text" placeholder="Search..." id="search" [(ngModel)]="searchText" (ngModelChange)="onSearchPlayers($event)" #search> 

그리고 내 검색 코드 "onSearchPlayer()는"

onSearchPlayers(event) { 
    this.results.filter(function(player, index){ 
     if (player.name.toLowerCase().indexOf(event.toLowerCase()) > -1) { 
      $('.slick').slick('slickGoTo', index); 
      setTimeout(() => { 
       this.renderer.invokeElementMethod(this.search.nativeElement, 'focus', []); 
      }, 5000); 
     } 
    }) 
    } 

this.results입니다 setTimeout 함수는 입력에 집중하려고 시도한 곳입니다.

Answer 1

필터 재미에서 setTimeout 메서드를 제거하여 해결했습니다. 왜냐하면 필터 함수는 void 함수이기 때문입니다.

onSearchPlayers(event) { 
    this.results.filter(function(player, index){ 
     if (player.name.toLowerCase().indexOf(event.toLowerCase()) > -1) { 
      $('.slick').slick('slickGoTo', index); 
     } 
    }) 

    setTimeout(() => { 
     this.renderer.invokeElementMethod(this.search.nativeElement, 'focus', []); 
    }, 1000); 
    }