spartacus-storefront - 如何隐藏面包屑但保存 H1 页面标题

Question

我试图控制面包屑的可见性取决于BreadcrumbComponentCMS 页面结构中的可用性。

但是基于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 标题和面包屑分成单独的组件？

标签： spartacus-storefront

Answer 1

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

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

您应该提供自己的面包屑组件，该组件的行为方式是，当没有提供面包屑时，主页链接不会出现，您只会看到标题。