用途:该技能用于 Angular 17+ 中的 Deferrable Views(@defer),实现组件的懒加载与延迟加载,让重型组件按需加载以改善首屏表现。标签为 @defer、Deferrable、Lazy Loading。
主要能力与用法:资料给出三种触发方式。其一,使用 @defer (on viewport) 在元素进入视口时加载,并用 @placeholder 提供加载占位,例如在 DashboardComponent 模板中延迟加载 heavy-chart,占位显示 Loading...。其二,使用 @defer (when showModal) 在条件表达式为真时加载,如点击按钮将 showModal 置为 true 后加载 modal-component。其三,使用 @defer (on hover) 在悬停时加载,如延迟加载 tooltip。
适用场景:仪表盘中的重型图表、弹窗模态、提示浮层等非首屏或交互后才需要的组件。
限制:资料未提供安装命令、依赖版本细节、性能数据与陷阱说明;版本要求为 Angular 17+(2025)。