ルートコンポーネントを2/4角で表示するログインフォーム

Question

アプリケーションのすべての内部ページには、ヘッダー、フッター、ツールバーの各コンポーネントがあります。

これは私のルート要素である：ここ

@Component({ 
    selector: 'app-root', 
    template: ` 
    <app-header></app-header> 
    <main id="content"> 
     <app-toolbar></app-toolbar> 
     <router-outlet></router-outlet> 
    </main> 
    <app-footer></app-footer>`, 
}) 
export class AppComponent { ... } 

は、ルーティングテーブルである：

const routes: Routes = [ 
    { path: '', component: HomeComponent, canActivate: [LoginGuard]}, 
    { path: 'login', component: LoginComponent}, 
    ... 
]; 

ヘッダ、フッタ、ツールバーが表示されるログインフォームを表示する場合。ログインページに表示させたくありません。可能であればログインページでAppComponentを私のLoginComponentに置き換えてください。

Answer 1

私は同様のアプリケーションで作業しています。私がしたのは、ログインページをパスでルーティングすることです： "。ヘッダー、フッター、サイドバーを持つ親コンポーネントとして機能する管理コンポーネントへのログインルート。この管理コンポーネントには、このようなルートはadmin/form1、admin/form2など