Угловой 2 маршрутизатор - aux маршрут по корневому URL

Question

Я хочу загрузить aux-маршрут по URL-адресу, но он не работает. Например, я хочу загрузить на мою домашнюю страницу LoginComponent.

const routes : Routes = [ 
    { 
    path: '', 
    pathMatch: 'full', 
    component: HomeComponent 
    }, 
    { 
    path: 'login', 
    outlet: 'auth', 
    component: LoginComponent 
    } 
]; 


<router-outlet></router-outlet> 
<router-outlet name="auth"></router-outlet> 

Так что теперь я пытаюсь открыть URL и ожидает получить HomeComponent в основной розетке и LoginComponent в розетку входа:

http://localhost:4200/(auth:login)

Но он загружает только LoginComponent и а не HomeComponent.

Answer 1

Вам нужно определить маршрут переадресации:

const routes : Routes = [ 
    { 
    path: '', 
    redirectTo: 'home', 
    pathMatch: 'full' 
    }, 
    { 
    path: 'home', 
    component: HomeComponent 
    }, 
    { 
    path: 'login', 
    outlet: 'auth', 
    component: LoginComponent 
    } 
]; 

<a [routerLink]="[{ outlets: { 'auth': ['login'] } }]">Sign in</a> 

Или:

http://localhost/home(auth:login)