使用角形滑动滑块处理不同的情况

Question

我正在使用滑动滑块，其中我根据请求中设置的参数选择特定的幻灯片，如下所示：

ngAfterViewInit(){

    // Select specific slide based on request
   this.route.queryParams.subscribe(params =>{
         let i = params['slideId'];
         $('#carouselCus1').slick('slickGoTo', parseInt(i), false);
    })

    // redirect on same page with specific parameters when slide change
     $('#carouselCus1').on('afterChange', (event, slick, currentSlide, nextSlide) => {
          // Here queryParamasValue is set of parameters and values that need to pass in request
           this.router.navigate([this.const.PRODURLWORD + "/" + this.prodURL], { queryParams :  queryParamasValue});
          })
}

所以问题是当第一次加载页面时，第一张特定的幻灯片仍保持正确选择。现在，由于这个原因，afterChange事件会在请求参数更改幻灯片时自动触发，并进入infine循环，页面不断加载和加载。

这时真的卡住了。

谢谢。