问题标签 [angular-load-children]

我正在使用 Angular7，并且我正在使用新语法，即 loadChildren 用于延迟加载模块。但是当我提供我的应用程序并检查浏览器时，我发现它没有创建任何块。

以下是我的应用程序路由

下面是我的应用程序模块我

我刚刚注意到 Angular 8（即将发布）已弃用“字符串类型的路由器loadChildren”。（票）

我是否正确理解他们指的是......

要迁移到 Angular 8，解决方案是什么？

在票证中，他们指的是“动态导入”。我是否正确，这是指以下提议：

如果我们将来想使用延迟加载，有人可以预览一下路由文件的实际外观吗？

我正在处理我的项目，我想延迟加载我的模块，它工作正常，但是当我“ng serve”m 代码时，我收到此错误 “无法读取未定义的属性 'loadChildren'”

这是我的应用路由模块

这是我的应用程序模块代码

当我在应用程序路由文件中放置空间时，它编译得很好。请告诉我上面代码中有什么问题。

我在 Angular 中遇到了一些简单的路由管理：我有第一个模块：

以及应该显示简单的“它有效”组件的“PostModule”：

但没有一条路线

http://localhost:4200/posts/

http://localhost:4200/posts/1

显示预期内容

我想我错过了一些简单的东西，我的 app.component 看起来像这样：

我已经阅读了一些关于“延迟加载”的帖子，但是我所写的内容与我到目前为止所学的内容似乎是一致的，错误在哪里？

错误：路由“”的配置无效。必须提供以下之一：component、redirectTo、children 或 loadChildren

在 app.module.ts 中，

在 mainhome.module.ts 中，

我有一个角度为 8 的应用程序，其中创建了两个模块：

• testModule 和 SimulatorModule

模拟器有一个路由文件，但 testModule 没有。

我想将模拟器中的所有组件作为 TestModule 中的 TestComponent 的子组件加载。

但是当我运行应用程序时期望测试组件是午餐时，我总是重定向到 appComponent。

这些是代码：

和

和

谁知道发生了什么？

问题

如果遵循结构，我们会收到错误cannot find module。

应用程序路由.module.ts

child-management-routing.module.ts：错误

我们可以通过将子 routing.module 的 loadChildren 从 更改为 来解决这个loadChildren: './hoge.module#HogeModule'错误loadChildren: () => import('./hoge.module.ts).then(m => m.HogeModule)'。

child-management-routing.module.ts ：正确

但我不明白为什么。（我没有改变 app-routing.module.ts...）

那你能解释一下区别吗？

我在 Angular 9 中的路由有问题。这是应用程序路由模块：

这里来自 HomeModule 的 home 路由是惰性加载的：

来自 UserManagementModule 的用户管理路由延迟加载。

最后是 TenantManagementModule 的路由（延迟加载也是如此）。

问题是当用户输入基本 url (spa/) 时，它应该重定向到 spa/dashboard，而不是重定向到 spa/ 并显示 TenantUpdateComponent，因为它具有空路径。但是，如果您在路线“spa/tenant_management”中，则应该只评估空路径，但如果您在基本路线“/spa”中，则不需要评估。它应该重定向到仪表板，这就是我在主路由中定义此路由的原因：

此外，您可以访问路线“spa/list”，但它不应该存在该路线。如果您输入“spa/user_management/list”，它应该可以工作，否则我想将用户重定向到仪表板。

提前致谢。

我有一个 appComponent，在其中显示工具栏、页脚和主要内容。本主要内容使用该router-outlet指令。是这样的

在工具栏中，我有一个包含一些项目的菜单。例如

当我单击按钮时，我可以显示该页面的内容（因为路由器插座）。我现在可以显示一个包含一些内容的表格，它工作正常。现在，我需要单击一行并显示该行本身的详细信息。为此，我只是在做这样的事情

在此表的同一页面（我正在使用ngx-datatable）我有另一个<router-outlet></router-outlet>. 例如，通过这种方式，我现在可以在 url ".../detail/0" 处显示另一个组件。这被称为DetailComponent。有什么问题？对于仍保留在那里的父组件（表），一切正常。当我单击一行时，表格不会消失，而是停留在那里，并在其下方，出现子组件。顺便说一句，这是我routes的

我也尝试<router-outlet></router-outlet>从 ListComponent 中删除，但如果这样做，子组件不会显示

https://stackblitz.com/edit/angular-router-basic-example-n2uzis?file=app/views/details/detail.component.ts

所以，我在一个路由项目中遇到了问题。我按照这个步骤。

1. 登录系统时，我将令牌和用户名保存在本地存储中。
2. 登录成功，打开仪表板页面。
3. 我关闭浏览器并再次打开项目。登录页面中的页面路由，仪表板页面中没有，只有当我输入正确的 url 页面路由时才可以。所以数据在本地存储中。在这部分中，我想在仪表板页面中路由页面，而不是在登录时，只有当我在本地存储中有数据用户时。如果本地存储为空，我想在登录页面中路由

我有这个路由：

还有这个路由面板。

我有这个 Authguard。

更新

authservice.ts

非常感谢您的回答！