Угловая 5-ти гнездовая маршрутизация - PullRequest
Новая
       9

Угловая 5-ти гнездовая маршрутизация

0 голосов
/ 02 мая 2018

Вот мой код 

<ul>
  <li> <a routerLink="/dashboard">Dashboard</a></li>
  <li> <a routerLink="/price">Price</a> </li>  
</ul>

и часть маршрутизации 

const routes: Routes = [
  { path: 'dashboard', component: DashboardComponent },
  { path: '', redirectTo: '/dashboard', pathMatch: 'full' },
  {
      path: 'price/:priceId',
      component: PriceComponent,
      children: [
        {path: '', redirectTo:'kpi', pathMatch: 'full'}, 
        {path: 'kpi', component: DashboardComponent}, 
        {path: 'data', component: DashboardComponent}, 
      ]
    }
];

вот ошибка, которую я получил

ОШИБКА Ошибка: Uncaught (в обещании): Ошибка: не удается сопоставить ни один маршрут. Сегмент URL: «цена» Ошибка: не удается сопоставить ни один маршрут. Сегмент URL: «цена»

В чем моя ошибка и как я могу это исправить. Я хочу сделать вложенную маршрутизацию. при нажатии на <li> <a routerLink="/price">Price</a> </li>. Я хочу открыть http://localhost:4200/price/kpi первый дочерний элемент по умолчанию во вложенной маршрутизации.

...