也许我不理解所需的概念，所以如果已有答案或教程，请指出我的方向，我会调查那里......
我正在创建一个Angular 2 webapp，但我很难理解设置的最佳方式，以便在经过身份验证和未经过身份验证时获得特定视图。
我最初是从包含四个组件的组件创建了许多页面：标题，侧面导航栏，正文，页脚。但是，标题，侧面导航栏，正文和页脚的内容应该只对经过身份验证的用户可用，并且当我尝试创建一个新组件（即应该位于其他组件之前的登录组件）时，它会保留进入身体部位的区域。这对我来说很有意义，根据我对路由器插座的理解，我只是不知道如何分离我的应用程序的两个区域（经过身份验证的视图与未经过身份验证的视图）。
我正在阅读路线卫士，这将帮助我相应地引导流量。对我来说更大的问题是我现在想要实现身份验证，并且因为我希望在经过身份验证的视图和未经过身份验证的视图之间有不同的模板布局，我需要研究一些其他的东西，以帮助正确地路由用户并显示内容适当吗？我应该阅读Angular2的路由器的各个方面，以确保我没有错过设置的一部分吗？
作为讨论的一个快速示例，这里是我希望网站如何表现的布局（它不是目录结构，只是概念布局）。同样，经过身份验证的视图具有标题/导航栏/正文/页脚布局，其中未经过身份验证的视图不具有该标题，它只是一个简单的页面：
任何帮助将不胜感激！提前谢谢。