Измените маршрут, используя кнопку возврата браузера на угловой 6

Question

У меня есть веб-сайт в angular6, и я хочу изменить URL при нажатии кнопки браузера назад, используя onPopState, но он не работает. Файл TS желаемой загрузки компонента маршрута, но не может остаться и перенаправляется в соответствии с историей браузера.

Я использую код ниже

constructor(private fb: FormBuilder, 
    private _phonenumberService: PhonenumberService, 
    private router: Router, 
    private apiService: ApiServiceService, 
    public location: Location, 
    public plocation: LocationStrategy) {
            this.plocation.onPopState(() => {
              console.log('Back button pressed');
              this.router.navigate(['/home'],  {replaceUrl:true});
          });

Заранее спасибо.

Answer 1

Попробуйте это. Импортировать HostListener

import { Component, HostListener } from '@angular/core';

И затем связать событие

@HostListener('window:popstate', ['$event'])
onBrowserBackBtnClose(event: Event) {
    console.log('back button pressed');
    event.preventDefault(); 
    this.router.navigate(['/home'],  {replaceUrl:true});
}