如何解决角路由嵌套组件不起作用
我正在使用Angular 10应用程序,但是在使用惰性模块加载的路由中嵌套组件时遇到了一些问题。事情是这样的:
我的app.component有一个<router-outlet>
,可以显示2个不同的组件,app-layout.component
和auth-layout.component
。仅当授权卫士授权时才显示应用程序组件。如果不是,那么它将显示未找到的路由(也用于“ **”路径)
布局具有许多HTML视图,这些视图提供了通过延迟加载来导航到另一个模块的选项。因此,app-layout和auth-layout也具有自己的<router-outlet>
来显示模块。
每个模块都有其路由,但是目前它仅作为父级的唯一基础组件。
我需要显示account-config组件,放入<router-outlet>
并在其中渲染其他组件('couse account-config.component具有第二个导航栏)
我尝试了很多方法来做,但是看来我做错了。
在堆叠闪电战中这是最小的复制品------- >>>> https://stackblitz.com/edit/angular-ivy-5nfvke?file=src/app/pages/modules/account-config/components/account-config/account-config.component.html
有什么办法解决这个问题?
解决方法
您需要从 pathMatch: 'full'
的路径account-config
中删除app-routing.module.ts
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。