Angular не может загрузить дочерний маршрут - PullRequest
Новая
       7

Angular не может загрузить дочерний маршрут

0 голосов
/ 07 июня 2018

Я бы перешел к дочернему маршруту в угловом формате

Вот файл маршрутов 

import { NgModule } from "@angular/core";
import { Routes, RouterModule } from "@angular/router";
import { ModuleWithProviders } from "@angular/core";
import { AdministrationComponent } from "./administration.component";
import { UserDisplayComponent } from "./user-display/user-display.component";
import { ResulTabComponent } from "./result-tab/result-tab.component";
const routes: Routes = [
  {
    path: "",
    component: AdministrationComponent,
    pathMatch: "full",
    children: [
      { path: "", component: ResulTabComponent, pathMatch: "full" },
      { path: "userdetails", component: UserDisplayComponent }
    ]
  }
];

export const AdministrationRouting: ModuleWithProviders = RouterModule.forChild(
  routes
);
{
}

Компонент администрирования загружается по маршруту administration

Когда я нажимаю наСтрока таблицы Я бы перешел к маршруту userdetails, так что http://localhost:4200/administration/userdetails

selectedUserDetails(userDetails) {
  this.router.navigate(["userdetails"]);
}

На самом деле я получаю эту ошибку

Ошибка: Uncaught (в обещании): Ошибка: Не удается сопоставить никакие маршруты,Сегмент URL: 'userdetails'

1 Ответ

0 голосов
/ 07 июня 2018

Кажется, вам не хватает /administration

selectedUserDetails(userDetails) {
  this.router.navigate(["/administration", "userdetails"]);
}

И родительский маршрут должен иметь «администрацию» в пути 

const routes: Routes = [
  {
    path: "administration",
    component: AdministrationComponent,
    pathMatch: "full",
    children: [
      { path: "", component: ResulTabComponent, pathMatch: "full" },
      { path: "userdetails", component: UserDisplayComponent }
    ]
  }
];

Взгляните на это сообщение .

...