angular - 可以在 Angular 8 中预加载延迟加载模块吗?

标签 angular

我知道当一个应用程序有很多部件和组件时,最好将它们分成延迟加载的模块,这样用户就可以快速看到应用程序主页。

问题是我注意到,到延迟加载模块组件的导航在用户交互(单击按钮/菜单)和显示组件(与非延迟加载组件相比)之间显示出一些滞后。

有没有办法手动预加载惰性加载模块?假设用户看到主屏幕,如果 3 秒内没有任何操作,则在后台加载我的一些关键应用模块。

最佳答案

您可以通过设置 data: { preload: true } 而不是所有使用 PreloadAllModules 的模块,只为一个模块使用 preload 策略>.

{
  path: 'crisis-center',
  loadChildren: () => import('./crisis-center/crisis-center.module').then(mod => mod.CrisisCenterModule),
  data: { preload: true }
},

关于angular - 可以在 Angular 8 中预加载延迟加载模块吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57848590/

相关文章:

Angular2 向 DOM 树发出事件

html - 被垂直滚动条污染的简单 CSS 网格

angular-cli - AOT 编译是 angular@4.0.0 的默认编译吗?

css - 路由器动画在动画时不保留高度

Angular Material - 如何在运行时更改按钮颜色

angular - 如何将属性绑定(bind)到 style.width 以像素为单位?

从共享模块导出 Angular 16 组件不起作用

html - 根据值更改图标颜色

javascript - Angular 2 : how to iterate through templates

angular - 从 Angular 组件选择器获取内部文本