Wie neu laden einer Seite in angular2

Wie reload einer Seite in angular2.

Während der Suche durch das Netz, bekam ich einen code "this._router.renavigate()" die Seite neu laden, aber sieht aus wie es funktioniert nicht mit der neuesten Version von angular2.

Ein anderer Weg ist 'window.location.reload()' aber dies ist nicht die Winkelgeschwindigkeit Weg, es zu tun.

  • Es gibt keine Kantigen Weg, die Seite neu zu laden, weil in der Regel Sie würde nicht wollen, zu tun, die in einer Eckigen Anwendung. Was ist der Anwendungsfall?
  • renavigate() ist auch eigentlich nicht die Seite neu laden, nur zum navigieren auf dem gleichen Weg wieder. Ein Neuladen der Seite ist das etwas anderes, da würde es re-initialisieren Sie die ganze Angular Anwendung.
  • use case: immer up Anwendung / kiosk. müssen einen Weg für die app, sich selbst zu aktualisieren
InformationsquelleAutor Krishna | 2016-06-16
  1. 14

    Wenn Sie wirklich wollen, um die Seite neu laden, müssen Sie zum ausführen der Lage.reload() außerhalb der eckigen zone

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

    getestet mit RC6

    Vollständiges Beispiel

    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();
        });
    }
}
    • Thnak Sie. Es hat wirklich geholfen. Das einzige, was funktionierte. Sie sind ein Lebensretter.
    InformationsquelleAutor kodebot
  2. 2

    Zur teilweisen da ist auch ein Weg deine eigene Funktion schreiben 

       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]);
   }
    InformationsquelleAutor mayur
  3. 1

    Diese funktioniert bei mir:

    method().subscribe(
   location.reload();
);
    InformationsquelleAutor Gourav Bhatia
  4. 1

    Ich hatte das gleiche problem und das ist was für mich gearbeitet:

    JS:

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

constructor(private location: Location) {}

ngOnInit() { this.load(); }

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

    InformationsquelleAutor Israel
  5. 0

    Was über die Toggle-Sichtbarkeit mit 

       *ngIf="auth.loggedIn()"

    dass macht einen viel besseren UX

    InformationsquelleAutor Reinhard
  6. -2

    Lage.reload() wird die Seite neu laden.

    InformationsquelleAutor Prabhanjan S Koushik
Schreibe einen Kommentar