1

С чем может быть связано, что при нажатии кнопки "Обратно" в браузере, при отлавливании этого события я замечаю, что функции выполнеются больше раз, ровно на столько, сколько раз была нажата кнопка обратно?
Вот пример. Я не могу разобраться. Я на ангуляре пишу.

 @HostListener('window:popstate', ['$event'])
  onPopState(event) {
    this.myfunc();  //Функция,скажем,просто выводит текст в консоль, который потом выводится несколько раз
  }

Если так, то то же самое

ngOnInit(){
    this.my_func();

    window.onpopstate = (event)=> {
      this.my_func(); //Сейчас эта функция запускается не один, а много раз
    };
  }
2
  • Она вызывается столько же раз, сколько диспатчится событие popstate, а что тебя смущает?
    – arturovt
    1 апр 2020 в 19:15
  • @overthesanity возможно я не так выразился. На первое нажатие вызовется 2 раза, на второе- три раз. А на третье нажатие 4 раза 1 апр 2020 в 19:36

1 ответ 1

2

Явно происходит новая подписка при существующей старой. При смене компоненты хук OnInit будет вызываться снова. Вариантов пару: одна глобальная подписка которая будет фильтрить по всех ивентах роутера или же юзнуть хук OnDestroy. В любом случае советую воспользоваться ActivatedRoute или Location. Если Вы решите выбрать вариант с OnDestroy, достаточно будет подписаться на ивенты Location, например, и кенселить его на дестрое компоненты:

private locationSub$: SubscriptionLike; // специфика Location

constructor(private location: Location) { }

ngOnInit() {
    this.locationSub$ = this.location
        .pipe(takeUntil(this.destroy$))
        .subscribe(params => { 
              // logic
         })
}

ngOnDestroy() {
    this.locationSub$.unsubscribe();
}

Прошу заметить, что многое зависит от действия которое должно быть выполнено. В даном случае отлавливается только последний ивент раутинга. Если вы хотите прерывать возвращение через не сохраненную информацию введенную ранее, советую использовать гард CanDeactivate, который можно расширить для деактивейта определенной компоненты. В сети есть решения.

1
  • Да, так и оказалось. Я как раз параллельно с Вами решил в роутинге подписываться и при дестрое компонента отписываться. Спасибо)) 2 апр 2020 в 13:24

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.