如何隐藏面包屑但保留H1页面标题

How to hide breadcrumbs but save H1 page heading

我正在尝试根据 CMS 页面结构中的可用性 BreadcrumbComponent 来控制面包屑可见性。

但是基于breadcrumb.component.html,如果我们删除这个组件 - H1 标题也将被删除:

<nav>
  <span *ngFor="let crumb of crumbs$ | async">
    <a [routerLink]="crumb.link" [innerHTML]="crumb.label"></a>
  </span>
</nav>

<h1>{{ title$ | async }}</h1>

我们可以通过 Page Meta Resolver 处理面包屑可见性,这是​​解决这种情况的最 属性 方法,还是 Spartacus 会将 H1 标题和面包屑拆分为单独的组件?

就像您提到的那样,H1 是页面标题,也是面包屑组件的一部分。

如果我没记错的话,在当前的实施中,删除面包屑将在其顶部留下标题和主页 link。因此,如果您只想要没有 link 的标题,则必须更改面包屑组件逻辑。

您应该提供自己的面包屑组件,当没有提供面包屑时,主页 link 不会出现,您只会看到标题。