Ceci est le ncontinit dans le fichier Componet.ts lorsque j'utilise un déjà utilisé ceci est le composant.html contenant la vue P> [rouperlink] code> pour naviguer vers le Composant ci-dessus, il navigue sur le composant et chargez la vue, mais elle ne déclenche pas au-dessus de la méthode Ngoninit B>. Mais si je rafraîchis la page, cela fonctionne bien.
de
Existe-t-il un correctif pour le problème ci-dessus. P> href code> pour naviguer vers des pages et avec
href code> Href code> Méthode ci-dessus fonctionne toujours, mais c'est très lent. C'est pourquoi je change
href code> sur
[rouperlink] code>. P>
<div class="table-responsive">
<table class="table">
<thead class=" text-primary">
<th>
Location Name
</th>
</thead>
<tbody *ngIf="locations?.length > 0">
<tr *ngFor="let location of locations">
<td *ngIf="location.verified != false">
{{location.locationName}}
</td>
</tr>
</tbody>
</table>
</div>
</div>
3 Réponses :
Lorsque le routeur param est modifié, la route de base reste la même. Donc, il ne déclenche pas le Ngoninit code>. Donc abonnez-vous à l'événement d'itinéraire
ngoninit () {this.route.params.subscribe (paramiques => {this.loctionervice.getlocation (). S'abonner (emplacement => {this.locations = emplacements;});});});}); } code> J'ai essayé cela mais ça ne marche pas. S'il vous plaît dites-moi au-dessus du code est correct ou faux.
Y a-t-il des erreurs
Non, cela fonctionne comme avant
Ngoninit () est uniquement appelé une fois après qu'un composant est instancié, mais pas lorsque l'itinéraire change. Vous pouvez injecter le routeur et s'abonner à ses événements ou paramètres pour être notifiés sur les modifications de l'itinéraire.
ngOnInit() { this.route.params.subscribe(params: any) => { if(params) //your code }); }
Pouvez-vous essayer d'ajouter un débogueur? comme première ligne à l'intérieur de Ngoninit ()?
Essayez ceci p>
xxx pré> blockQuote>
Ça marche. Mais comme href code> il est plus lent que
[rouperlink] code>
Ceci est une solution de contournement d'un problème, pas une vraie réponse au problème. Vous laissez du cycle de vie angulaire.
Essayez ceci:
code> ou
code>
Est-ce que vous redirigeez-vous à la même page ??
import {composant, oninit} de '@ angular / noyau';
@ RAM12393 pas à la même page
@kashif c'est déjà là
Quel est le
locativesservice code> ici?
@Lahirumirihagoda Restez-vous sur le même composant que vous souhaitez naviguer?
@Azkarmoulana non
Pouvez-vous reproduire cela sur Stackblitz?