Angular2'de gezinmeyi tekrar kullanıcı nasıl algılar?

Question

Bir bileşenim var ve geri gitmek için kullanıcının tarayıcısında geri düğmesine basıp basmadığını tespit etmem gerekiyor.

Şu anda yönlendirici olaylarına abone oluyorum.

constructor(private router: Router, private activatedRoute: ActivatedRoute) { 

    this.routerSubscription = router.events 
     .subscribe(event => { 

      // if (event.navigatesBack()) ... 

     }); 

} 

ben window.onpopstate kullanabileceğinizi biliyor ama Angular2 kullanırken bu kesmek gibi hissediyor.

Answer 1

onPopState dinleyicisine sahip PlatformLocation kullanmak mümkündür.

import { PlatformLocation } from '@angular/common' 

(...) 

constructor(location: PlatformLocation) { 

    location.onPopState(() => { 

     console.log('pressed back!'); 

    }); 

} 

(...) 

Answer 2

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

ve sonra window nesne üzerinde popstate dinler:

@HostListener('window:popstate', ['$event']) 
    onPopState(event) { 
    console.log('Back button pressed'); 
    } 

Bu kod popstate olaylar için listenting son Açısal 2.

Answer 3

IMO daha iyi yöntem üzerinde benim için çalışıyor olduğunu lokasyon hizmetine abone olmak için:

import {Location} from "@angular/common"; 

constructor(private location: Location) { } 

ngOnInit() { 
    this.location.subscribe(x => console.log(x)); 
} 

PlatformLocation'ı doğrudan kullanmaz (dokümantasyon önerisi gibi) ve istediğiniz zaman aboneliğinizi iptal edebilirsiniz.

Answer 4

thorin87 yanıtı olarak PlatformLocation'ı kullanmayın. Abonelikten çıkmak için abone olmamız gerekiyor.

import { Subscription } from 'rxjs/Subscription';  ngOnInit() { 
this.subscription = <Subscription> this.location.subscribe(() => x => console.log(x)); 
} 

ngOnDestroy() { 

    this.subscription.unsubscribe(); 
}