在浏览器网络中加载延迟组件时，Angular Deferrable Views 无法按预期工作

Question

我正在尝试使用 @defer 装饰器来延迟加载名为 app-box- Five 的特定组件。下面是我的代码的屏幕截图： 在此输入图片描述 @defer（定时器（5s））{}

等待 5 秒后，我检查了浏览器中的网络选项卡，发现 app.component.ts 是延迟加载的，而不是 box- Five.component.ts。

我预计只有 box- Five.component.ts 会被延迟加载，如屏幕截图所示：

在此输入图片描述

请您解释一下为什么会发生这种行为？

Answer 1

在屏幕上，您将突出显示块下载的发起者（即父组件）。

检查块本身的内容，您将看到 yout 组件 box-5 已正确延迟加载。