@prolina

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

Здравствуйте. После логина в систему должна показываться пользователю определенная страница 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>
  • Вопрос задан
  • 47 просмотров
Решения вопроса 1
fomenkogregory
@fomenkogregory
Юниор софтварный инженер
Потому что у тебя строка new-advance матчится на :id из предыдущего роута. Перемести объект для этого пути выше в массиве.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы