Angular 路由详解：根路由与子路由的应用

在使用 Angular 开发应用时，路由配置是非常重要的一部分。尤其是当涉及到主 router-outlet 和命名 router-outlet 时，如何正确地配置这些路由可能会让开发者感到困惑。让我们通过一个实例来深入探讨 Angular 中根路由和子路由的应用。

背景知识

Angular 提供了强大的路由系统，通过 router-outlet 可以将不同的组件动态插入到应用中。router-outlet 可以是主路由，也可以是命名的路由，后者用于在组件内部进行路由切换。

实例：购物中心的导航

想象一下，你正在一个购物中心内：

• 主入口（根级别路由）：购物中心的入口有一个大的目录，列出了所有主要区域，如“服装区”、“电子产品区”、“美食广场”和“娱乐区”。这就相当于在应用的根级别定义的路由，任何人在任何位置都可以访问这些主要区域。

• 内部区域（子级别路由）：当你进入“服装区”时，你会看到一个更小的目录，显示出这个区域内的不同部分，如“男装”、“女装”和“童装”。这相当于在特定组件内定义的子路由，只能在该区域内访问。<