Не работает Routing Angular?

Question

[prolina]

Здравствуйте. После логина в систему должна показываться пользователю определенная страница AdvancesPageComponent (роут /advances), эта страница представляет собой таблицу, по клику на ячейку должен открываться отпределнный адванс AdvancePageComponent (/advances/:id). Также на странице AdvancesPageComponent есть кнопка

<button
					color="primary"
					class="mr-2"
					mat-raised-button
					routerLink="new-advance"
				>
						New Advance
				</button>

для создания нового адванса (роут должен быть advances/new-advance).

В данной при клике на создание нового адванса урл показывается верный, а вот контент страницы AdvancePageComponent

export const routes: Route[] = [
	{
		path: '',
		component: AdminPortalLayoutComponent,
		children: [
			{
				path: '',
				component: AdvancesPageComponent,
				canActivate: [IsLoggedInGuard],
			},
			{
				path: ':id',
				component: AdvancePageComponent,
				canActivate: [IsLoggedInGuard],
			},
			{
				path: 'new-advance',
				component: NewAdvancePageComponent,
				canActivate: [IsLoggedInGuard],
			},
		],
	},
];

В AdminPortalLayoutComponent - <router-outlet></router-outlet>

Answer 1

[G F]

Потому что у тебя строка new-advance матчится на :id из предыдущего роута. Перемести объект для этого пути выше в массиве.