Как я могу получить список всех маршрутов (строк, переданных в пути) с маршрутизатора в Angular 2? [Дубликат]

Вот лучшая версия, в которой будут перечислены все возможные маршруты :

  import { Router, Route } from "@angular/router";
  constructor(private router: Router) {

  }
  ngOnInit() {
    this.printpath('', this.router.config);
  }
  printpath(parent: String, config: Route[]) {
    for (let i = 0; i < config.length; i++) {
      let r = config[i];
      console.log(parent + '/' + r.path);
      if (r.children && r.path) {
        this.printpath(parent + '/' + r.path, r.children);
      }
    }
  }

У вас возникают проблемы с использованием этого решения, если у вас есть Lazy-маршруты. Я сделал простую команду bash, чтобы показать информацию о маршрутизации:

cd /path/to/app 
for r in $(find src -name "*.routes.ts"); do 
  echo $r; grep "path:\|component:\|loadChildren:" $r; 
done

Если вам нужны только пути маршрута в виде строк, вы можете найти их, итерации по вашему Router объекту Router объекта.

    for (var i = 0; i < this.router.config.length; i++) {
        var routePath:string = this.router.config[i].path;
        console.log(routePath);
    }

Для @angular версии 2.00 мне удалось найти список детей через свойство routeConfig.

Вот пример моего компонента. Обратите внимание, что я получаю доступ к дочерним элементам через свойство «parent», поскольку компонент на самом деле является одним из дочерних элементов, так как я передаю его в дочерний маршрутизатор-выход.

import { Component } from '@angular/core';
import {Route, ActivatedRoute, Router} from "@angular/router";

@Component({
    selector: 'list',
    template: require('./list.component.html')
})
export class ListComponent {
    children = new Array<RouteLink>();

    constructor(private router: Router, private activatedRoute: ActivatedRoute) {
        for (let child of activatedRoute.parent.routeConfig.children) {
            if (child.path && child.data["breadcrumb"]) {
                this.children.push(new RouteLink(child.path, child.data["breadcrumb"]));
            }
        }
    }
}

export class RouteLink {
    constructor(private path: string, private name: string) {  }
}

, если вы хотите посмотреть доступный маршрут, импортировав его в компонент.

назначьте свои маршруты константе, как показано ниже

const appRoutes: Routes = [
    {
        path: 'asd',
        component: asdComponent
    },
    {
        path: 'ar',
        component: arComponent
    }
];

export const routing = RouterModule.forRoot (appRoutes);

здесь вы сможете экспортировать маршруты

импортируют константную маршрутизацию

import { routing }        from './app.routing';
export class AppComponent {
   route=routing;
   /// route.providers is an array which internally contains the list of routes provided
   console.log(route.providers);
}

, это просто найти доступные маршруты. не рекомендуется применять логику на основе этого

По-видимому, существует очень компактный способ сделать это:

constructor(private router: Router) {}

ngOnInit() {
  console.log('configured routes: ', this.router.config);
}