2

У мня есть главная страница , где находиться контент и

<router-outlet></router-outlet>

На странице есть 2 кнопки логин и регистрация, под них написал роуты:

const routes: Routes = [
  {path: '', component: AuthComponent, children:[
    {path: 'login' , component: LoginComponent },
    {path: 'registration' , component: RegistrationComponent }
  ]}
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})

Проблема состоит в том что когда перехожу по роутах контент страницы логина и регистрации , подргужаеться на главную страницу в тег роутер-аутлет, как сделать так чтоб например при адресе *****/login у меня загружался отдельный компонент Auth(например) и в нево уже в зависимости нужная страница!

3
  • создай, пожалуйста, пример на codesandbox или stackblitz :) 1 сен 2019 в 15:56
  • Также и у меня на главную страницу подружаеться контент их логин компонента codesandbox.io/s/angular-prg6f 1 сен 2019 в 16:13
  • спасибо за пример. Теперь давай по порядку, что бы ты хотел достичь? какая поставленная цель? Я просто не совсем понял последний вопрос твой > ак сделать так чтоб например при адресе *****/login у меня загружался отдельный компонент Auth(например) и в нево уже в зависимости нужная страница! 1 сен 2019 в 17:12

1 ответ 1

2

Ну как вариант можно на оба запроса login и registration вызывать компонент AuthComponent, далее читать route data, и в зависимости от этого выводить нужный компонент. Т.е. на входе в AuthComponent будет проверка пути и все. Далее обычный if else. В роуте примерно так.

{path: 'login' , component: AuthComponent, data : {page: 'login'}},
{path: 'registration' , component: AuthComponent, data : {page : 'registration'}}

P.S. только не ясно зачем это нужно.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.