覆盖父组件

时间:2020-03-04 12:53:35

标签: angular

我正在使用Angular 9开发前端。整个应用程序都有标题和侧边栏,但应屏蔽主要应用程序,使其不受公众欢迎,因此应位于登录页面后面。

我遇到的问题是,登录页面不应该具有其他页面所具有的标题和侧边栏,因此我希望该页面不包含它们。我该怎么办?

2 个答案:

答案 0 :(得分:1)

您可以创建一个登录页面,登录成功后,进入首页,该页面具有标题选择器,router-outlet(用于您的子路由),页脚选择器。

答案 1 :(得分:0)

它看起来像这样:

                                        +--------------------------------+
                                        ||      HeaderComponent         ||
 +---------------+                      ||                              ||
 |               |      Routing to      |--------------------------------+
 |               |     MainComponent    ||    |                          |
 |LoginComponent +--------------------> ||Side|                          |
 |               |                      ||Nav |                          |
 |               |                      ||    |            MainComponent |
 +---------------+                      ||    |                          |
                                        ||    |                          |
                                        ||    |                          |
                                        ||    |                          |
                                        +--------------------------------+