Jak ponownie załadować stronę w kątowym2

Question

Jak ponownie załadować stronę w kanale2.
Podczas przeszukiwania sieci, mam kod "this._router.renavigate()", aby ponownie załadować stronę, ale wygląda na to, że nie działa z najnowszą wersją angular2.
Innym sposobem jest 'window.location.reload()', ale nie jest to kanciasty sposób robienia tego.

Answer 1

do częściowego istnieje sposób napisać własną funkcję

public renavigate(): void { 
    let params: Object = {}; 
    Object.assign(params, this.routeParams.params); 
    params['ref'] = (params['ref'] === ref) ? ref + new Date().getTime() : ref; 
    this.router.navigate(['Foo', params]); 
    } 

Answer 2

location.reload() spowoduje przeładowanie strony.

Answer 3

Jeśli naprawdę chcesz, aby ponownie załadować stronę trzeba uruchomić location.reload() poza strefą kątową

this.zone.runOutsideAngular(() => { 
    location.reload(); 
}); 

badanego z RC6

Pełna Przykład

import { Component, NgZone } from "@angular/core"; 

@Component({   
    templateUrl: "template.html"  
}) 
export class ReloadComponent{ 
    constructor(
     private zone: NgZone) { 
    } 

    reloadPage() { // click handler or similar 
     this.zone.runOutsideAngular(() => { 
      location.reload(); 
     }); 
    } 
} 

Answer 4

To działa dla mnie:

method().subscribe(
    location.reload(); 
); 

Answer 5

Co o toogle widoczności z

*ngIf="auth.loggedIn()" 

sprawia, że ​​o wiele lepsze UX

Answer 6

Miałem ten sam problem i to jest to, co pracował dla mnie:

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

 
constructor(private location: Location) {} 
 

 
ngOnInit() { this.load(); } 
 

 
load() { 
 
    this.location.reload(); 
 
}