Winkel-2: Reload dieselbe Komponente wieder, wenn die Umleitung auf der gleichen Strecke

Ich bin mit 'routerLink' navigieren meine Strecken und es funktioniert Prima. Aber wenn ich klicken Sie erneut auf den gleichen button, ich möchte, dass die Komponente wird erneut geladen. Aber derzeit ist es nicht im angular2.

app.component.html

<ul class="nav navbar-nav navbar-right">
            <li><a [routerLink]="['/events']" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">All Events</a></li>
            <li><a [routerLink]="['/events/new']" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">Create New</a></li>
</ul>

Möchte ich, Wenn ich auf 'Alle Veranstaltungen', wieder und wieder Ereignisse, die Komponente zu laden jedes mal.

Wie das zu erreichen ist dieses Szenario in angular2 ?

warum Sie laden möchten, die dieselbe Komponente wieder und wieder ?
bitte schauen Sie in diesem Beitrag, die ähnlich stackoverflow.com/questions/47855240/...

InformationsquelleAutor Er Vipin Sharma | 2017-08-25

  1. 5

    Möchte ich, Wenn ich auf 'Alle Veranstaltungen', wieder und wieder Ereignisse, die Komponente zu laden jedes mal.

    Dies ist Not Possible im angular2, Grund dafür ist einmal laden Sie jede Komponente, die Komponente ist nur einmal neu geladen, zu der Sie navigieren von einer anderen route, um diese route wieder.

    Aber laden Sie gewaltsam

    Grundsätzlich gibt es zwei Methoden, die

    • können Sie anrufen ngOnInit() Methode immer wieder als pro brauchen, ist nicht eine empfohlene Weg

    • können Sie rufen Sie eine commonn Methode von ngOnInit() und später als pro benötigen, rufen Sie die Funktion wieder wie diese

      ngOnInit(){
    this.callingFunction();
}

forLaterUse(){
    this.callingFunction(); 
}

    Andere Möglichkeit ist, wenn Sie laden möchten, an die gleiche Komponente auf param ändern, können Sie dies im Konstruktor

    this.route.params.subscribe((params: Params) => {
    console.log(params); 
    this.callingFunction();
    //this will be called every time route changes
    //so you can perform your functionality here

});
    dies ist anders, Frage nur Streiks nun, gibt es eine Möglichkeit, die Einschränkung zu load-Komponente für die Navigation von andere route gleiche route ?.

    InformationsquelleAutor Pardeep Jain

  2. 4

    Diesem github-link hat die richtige Lösung
    https://github.com/angular/angular/issues/13831

    Setzen Sie den untenstehenden code in den Konstruktor der Komponente, die Sie laden möchten

    this.router.routeReuseStrategy.shouldReuseRoute = function () {
  return false;
};

this.router.events.subscribe((evt) => {
  if (evt instanceof NavigationEnd) {
    this.router.navigated = false;
    window.scrollTo(0, 0);
  }
});

    InformationsquelleAutor Anonymous

  3. 1

    Siehe hier: Wie laden Sie die aktuelle route mit der Winkelgeschwindigkeit 2 router

    Zusammenzufassen - es ist nicht eine Funktion, die integriert ist in den router. Es klingt wie die beste option, mit einem service, der Aktualisierung oder re-abrufen aller relevanten Daten, und wenn sich etwas ändert, der Winkel wird automatisch die Ansicht aktualisieren.

    Wenn jemand etwas sagt, ist es nicht möglich, Eckige, das ist fast immer nicht wahr. Die nur nicht möglich, mithilfe der derzeit existierenden Lösungen. 😉

    If someone says something is not possible in Angular, that is almost always not true dude aber je nach Szenario ist es nicht mehr möglich im Winkel ist Weg.
    Ja, ich war einfach nur frech. :-p. Sie haben die Lösungen nach allen

    InformationsquelleAutor diopside

Schreibe einen Kommentar