折叠下方的锚链接（角度）

Question

我真的很惊讶，到目前为止还没有关于这个话题的讨论 - 我找不到任何人问这个问题，但我们在这里。

如何处理在内容页面上放置锚点的不兼容性，同时通过不在首屏加载 HTML 内容来遵守与性能相关的准则？

在我们的 Angular（SAP 可组合店面）应用程序中，我们遇到了一个问题，即定义了 pageFolds 以避免在初始页面请求上加载所有 html 和媒体请求。但与此同时，内容编辑器（在我们的案例中是 SAP SmartEdit）希望将页面的某些区域与锚点链接起来，如果锚点是首屏 HTML 的一部分，那么正如预期的那样，这将不起作用。

但是由于这两件事都是非常常见且相关的功能，那么真的没有办法让两者同时工作吗？ 是否有任何最佳实践可以使用 PageFoldings 处理内容页面的锚链接？

Answer 1

与锚点没有直接关系，但您可以使用

@defer

块推迟 Angular 18+ 独立组件的加载。这是它的工作原理：

@defer (on viewport) {
  <your-component />
}

此示例延迟组件的加载和渲染，直到它进入视口。

on

为应加载组件的条件提供了多个选项。