Angular 9，滚动恢复/锚滚动不适用于异步数据加载

Question

在我使用片段通过routerlink导航后，我试图滚动到锚点。

<a routerLink="/training/{{ currentTrainingId }}" fragment="{{currentDomainId}}">

当用户返回培训概述时，我想自动将用户滚动到他先前输入的域。

我希望通过为元素提供一个id来实现此目的，以便锚点滚动可以处理它。

<div *ngIf="all data has been loaded">
    ....
    <domain-overview *ngFor="let domain of domains" [id]="domain.id"></domain-overview>
</div>

生成的URL似乎正确。

http://localhost:4200/training/28#40

我认为这与异步加载数据有关。执行锚点滚动时，域尚未加载。

我创建了一个静态div，然后锚点滚动起作用。

有人知道如何处理异步数据和锚点滚动吗？

我正在尝试使用片段通过routerlink导航到锚点。 When the user goes back to ...

Answer 1

尝试添加此功能