Как мне получить две страницы с разной базой html?

Question

У меня есть файл app.component. html с <router-outlet></router-outlet>. Это, очевидно, означает, что все остальные мои компоненты используют app.component. html в качестве своего базового html контейнера.

Однако мне нужна страница входа (и, возможно, пара других страниц), которая будет нужен другой макет html.

Как мне это сделать?

Answer 1

Если вы объявите компонент страницы входа и эти несколько страниц в основном маршруте компонента приложения, добавив их в массив children , только тогда они будут иметь базовый базовый URL, как у вашего компонент приложения.

Вы можете добавить другую запись в массив маршрутов для компонентов входа, для которых компонент приложения не является их родительским.

например:

const appRoutes: Routes = [

//Site routes goes here 
{ 
    path: '', 
    component: MainComponent,
    children: [
      { path: '', component: HomeComponent, pathMatch: 'full'},
      { path: 'about', component: AboutComponent }
    ]
},
 { path: 'login', component: LoginComponent}
]