Angular 路由嵌套组件不工作
Angular Routing Nested components not working
我在一个 Angular 10 应用程序中工作，我在访问惰性模块加载的路由中的嵌套组件时遇到了一些问题。事情是这样的：
我的 app.component 有一个 <router-outlet>，它可以显示 2 个不同的组件，app-layout.component 和 auth-layout.component。 App 组件仅在 auth guard 授权时显示。如果没有，那么，它会显示未找到的路线（也适用于'**'路径）
布局有许多 HTML 视图，这些视图提供了导航到另一个模块的选项，通过延迟加载来加载。所以 app-layout 和 auth-layout 也有自己的 <router-outlet> 来显示模块。
每个模块都有自己的路由，但目前它仅作为一个唯一的基础组件的父组件。
我需要的是显示 account-config 组件，放入一个 <router-outlet> 并在里面渲染其他组件（'因为 account-config.component 有第二个导航栏）
这张图片说明了我所需要的
我尝试了很多方法，但似乎我做错了。
这是 stackblitz 中的最小复制 ------>>>> https://stackblitz.com/edit/angular-ivy-5nfvke?file=src/app/pages/modules/account-config/components/account-config/account-config.component.html
有什么办法可以解决这个问题吗？
您需要从 app-routing.module.ts
中的路径 account-config 中删除 pathMatch: 'full'
我在一个 Angular 10 应用程序中工作，我在访问惰性模块加载的路由中的嵌套组件时遇到了一些问题。事情是这样的：
我的 app.component 有一个 <router-outlet>，它可以显示 2 个不同的组件，app-layout.component 和 auth-layout.component。 App 组件仅在 auth guard 授权时显示。如果没有，那么，它会显示未找到的路线（也适用于'**'路径）
布局有许多 HTML 视图，这些视图提供了导航到另一个模块的选项，通过延迟加载来加载。所以 app-layout 和 auth-layout 也有自己的 <router-outlet> 来显示模块。
每个模块都有自己的路由，但目前它仅作为一个唯一的基础组件的父组件。
我需要的是显示 account-config 组件，放入一个 <router-outlet> 并在里面渲染其他组件（'因为 account-config.component 有第二个导航栏）
这张图片说明了我所需要的
我尝试了很多方法，但似乎我做错了。
这是 stackblitz 中的最小复制 ------>>>> https://stackblitz.com/edit/angular-ivy-5nfvke?file=src/app/pages/modules/account-config/components/account-config/account-config.component.html
有什么办法可以解决这个问题吗？
您需要从 app-routing.module.ts
account-config 中删除 pathMatch: 'full'