Quelle est la manière la plus simple d'obtenir de l'Itinéraire Actuel Nom de Chemin d'accès dans Angulaire 4?

Je cherchais un bon moyen d'obtenir l'itinéraire actuel du nom de chemin d'accès. C'était le plus facile que j'ai pu trouver.

this.route.snapshot.firstChild.url[0].path

Est-il un meilleur moyen? Merci!

OriginalL'auteur jaruesink | 2017-04-12

  1. 23

    Merci à tous pour les réponses. Voici ce que j'ai trouvé que j'avais à faire.

    router.events.subscribe((event: Event) => {
  console.log(event);
  if (event instanceof NavigationEnd ) {
    this.currentUrl = event.url;
  }
});
    Ou moins: router.events.subscribe((_: NavigationEnd) => this.currentUrl = _.url);
    Il fonctionne comme un charme. Ne pas oublier d'importer { Event, NavigationStart, NavigationEnd, NavigationError } '@angulaire/routeur;

    OriginalL'auteur jaruesink

  2. 19

    façon la plus facile de trouver le chemin actuel est soit vous utilisez directement 

    this.router.url

    ou vous pouvez vérifier le chemin d'accès actuel sur chaque routeur modifier à l'aide de ses événements comme cette

    this.router.events.subscribe((res) => { 
    console.log(this.router.url,"Current URL");
})

    où router ici est créé dans le constructeur comme ce

    constructor(private router: Router){ ... }
    Sans les importations ou même d'obtenir le routeur par le constructeur? Ne fonctionne pas.
    j'ai déjà partager le code à fournir routeur par le constructeur. et, évidemment, les importations sont nécessaires. de toute façon pourquoi downvote @FeloVilches

    OriginalL'auteur Pardeep Jain

  3. 4
    constructor(private route:ActivatedRoute) {
  console.log(route);
}

    ou

    constructor(private router:Router) {
  router.events.subscribe(...);
}
    Alors que ce bout de code peut être la solution, y compris une explication aide vraiment à améliorer la qualité de votre post. Rappelez-vous que vous répondez à la question pour les lecteurs dans l'avenir, et ces personnes pourraient ne pas connaître les raisons de votre code suggestion.

    OriginalL'auteur Yoav Schniederman