Angular 5 routes

149

14 мая 2018, 02:30

Подскажите мне пожалуйста, как мне правильно организовать нечто подобное:

const routes: Routes = [
    { path: '', component: PageComponent },
    { path: ':slug', component: PageComponent },
    { path: 'login', component: LoginComponent },
];

то есть: дефолтная страница - PageComponent, если есть slug опять же PageComponent, а если есть объявленый роут, такой как login, то уже LoginComponent

Answer 1

Нужно поставить путь логина перед путем с параметром, тк иначе совпадение роута будет именно с параметром а не нужным роутом

const routes: Routes = [
    { path: '', component: PageComponent },
    { path: 'login', component: LoginComponent },
    { path: ':slug', component: PageComponent },
];