Was ist der einfachste Weg, um die Aktuelle Route Weg-Namen in Eckigen 4?

Ich war auf der Suche für ein guter Weg, um die aktuelle route Weg-Namen. Dies war die einfachste die ich finden konnte.

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

Gibt es eine bessere Möglichkeit? Danke!

InformationsquelleAutor jaruesink | 2017-04-12

  1. 20

    Danke an alle für die Antworten. Hier ist was ich gefunden habe, dass ich zu tun hatte.

    router.events.subscribe((event: Event) => {
  console.log(event);
  if (event instanceof NavigationEnd ) {
    this.currentUrl = event.url;
  }
});
    Oder kürzer: router.events.subscribe((_: NavigationEnd) => this.currentUrl = _.url);

    InformationsquelleAutor jaruesink

  2. 19

    einfachsten finden Sie aktuelle Pfad wird Sie entweder direkt verwenden 

    this.router.url

    oder können Sie den aktuellen Pfad auf jedem router ändern, mit seinen Veranstaltungen wie diese

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

    wo router hier ist die erstellte Instanz im Konstruktor, wie dies

    constructor(private router: Router){ ... }
    Ohne Importe oder sogar immer den router durch den Konstruktor? Funktioniert nicht.
    ich habe schon freigeben code-router durch den Konstruktor. und natürlich die Importe erforderlich sind. sowieso, warum downvote @FeloVilches

    InformationsquelleAutor Pardeep Jain

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

    oder

    constructor(private router:Router) {
  router.events.subscribe(...);
}
    Während dieses code-snippet, das die Lösung sein kann, einschließlich einer Erklärung die wirklich hilft, zu verbessern, die Qualität Ihrer post. Denken Sie daran, dass Sie die Beantwortung der Frage für den Leser in der Zukunft, und die Menschen vielleicht nicht wissen, die Gründe für deinen code-Vorschlag.

    InformationsquelleAutor Yoav Schniederman

Schreibe einen Kommentar