如何隐藏面包屑但保留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 不会出现,您只会看到标题。
我正在尝试根据 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 不会出现,您只会看到标题。