Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/google-chrome-extension/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度布线嵌套组件不工作_Angular_Typescript_Routes_Lazy Loading_Angular Routing - Fatal编程技术网
Fatal编程技术网
  • angular/
  • Angular 角度布线嵌套组件不工作

Angular 角度布线嵌套组件不工作

angular typescript routes

Angular 角度布线嵌套组件不工作,angular,typescript,routes,lazy-loading,angular-routing,Angular,Typescript,Routes,Lazy Loading,Angular Routing,我在Angular 10应用程序中工作，在查找惰性模块加载的路由中的嵌套组件时遇到一些问题。事情是这样的： 我的app.component有一个，它可以显示两个不同的组件，即app layout.component，和auth layout.component。应用程序组件仅在授权卫士授权时显示。如果未找到，则将显示未找到路线（也适用于“**”路径） 布局有许多HTML视图，这些视图提供了导航到其他模块的选项，这些模块是通过延迟加载加载的。因此，app layout和auth layout也有自

我在Angular 10应用程序中工作，在查找惰性模块加载的路由中的嵌套组件时遇到一些问题。事情是这样的：

我的app.component有一个
，它可以显示两个不同的组件，即
app layout.component
，和
auth layout.component
。应用程序组件仅在授权卫士授权时显示。如果未找到，则将显示未找到路线（也适用于“**”路径）

布局有许多HTML视图，这些视图提供了导航到其他模块的选项，这些模块是通过延迟加载加载的。因此，app layout和auth layout也有自己的
来显示模块

每个模块都有自己的路由，但目前它只作为父模块和唯一的基本组件工作

我需要的是显示account-config组件，放入
，并在其中呈现其他组件（'couse account-config.component有第二个导航栏）

这张图片说明了我需要什么

我尝试了很多方法，但似乎我做错了

这是stackblitz中的最小复制品----------------->>

有什么办法可以解决这个问题吗？

您需要从
app routing.module.ts
中的路径
帐户配置中删除
路径匹配：“full”
，非常感谢，它起到了作用！！我之所以使用“pathMatch:‘full’”，是因为我使用与ngrx连接的canLoad来维护会话。