angulaire 2: Rechargement d'un même composant de nouveau lors de la redirection sur la même route

J'utilise des 'routerLink' pour naviguer dans mes voies, et il fonctionne très bien. Mais quand je clique à nouveau sur le même bouton, je veux que la composante permettra de charger à nouveau. Mais actuellement, il ne fonctionne pas dans 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>

Je veux, Quand je clique sur "Tous les Événements" onglet, encore et encore, les événements de la composante de la charge à chaque fois.

Comment réaliser ce scénario dans angular2 ?

pourquoi vous voulez charger un même composant, encore et encore ?
veuillez jeter un oeil à ce post son semblable, stackoverflow.com/questions/47855240/...

OriginalL'auteur Er Vipin Sharma | 2017-08-25

  1. 5

    Je veux, Quand je clique sur "Tous les Événements" onglet, encore et encore, les événements de la composante de la charge à chaque fois.

    C'est Not Possible dans angular2, la raison est une fois que vous chargez un composant composant n'est recharger une fois que vous accédez à partir d'une autre route que la route de nouveau.

    Mais vous pouvez recharger avec force

    Fondamentalement, il existe deux méthodes qui sont

    • vous pouvez appeler ngOnInit() méthode, encore et encore, comme par nécessité, ce qui n'est pas une méthode recommandée pour

    • vous pouvez appeler un commonn méthode de ngOnInit() et, plus tard, comme par besoin d'appeler cette fonction, à nouveau, comme ce

      ngOnInit(){
    this.callingFunction();
}

forLaterUse(){
    this.callingFunction(); 
}

    Une autre façon, si vous voulez charger un même composant sur param changement, vous pouvez utiliser ce constructeur

    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

});
    c'est une autre question que les grèves juste maintenant, Est-il une chance de se limiter à la charge de la composante sur la navigation à partir de l'itinéraire d'autres à la même route ?.

    OriginalL'auteur Pardeep Jain

  2. 4

    Cette github lien ci-dessous est la bonne solution
    https://github.com/angular/angular/issues/13831

    Mettre le code ci-dessous dans le constructeur de l'appareil que vous souhaitez charger

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

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

    OriginalL'auteur Anonymous

  3. 1

    Voir ici: Comment recharger le trajet en cours avec l'angle de 2 routeur

    Pour résumer - ce n'est pas une fonction qui est intégré dans le routeur. Il semble que la meilleure option est d'utiliser un service qui permettra d'actualiser ou de ré-extraction des données pertinentes, et si rien ne change, Angulaire va automatiquement mettre à jour la vue.

    Si quelqu'un dit quelque chose n'est pas possible dans Angulaire, qui est presque toujours faux. Son tout simplement pas possible à l'aide d'une solution déjà existante. 😉

    If someone says something is not possible in Angular, that is almost always not true mec, mais selon le scénario ce n'est pas possible dans angulaire.
    Oui je viens d'être impertinent. :-p. Vous avez de fournir des solutions après tout

    OriginalL'auteur diopside