使用Angular5从特定页面导航时向下滚动

Question

我有一个页面，其中包含两个主要类别。

例如，“我的页面”如下所示：

号码：

1个

2

3

字母：

一种

b

C

我可以从很多地方导航到此页面。

在我的仪表板中，有一个名为Letters的选项卡。 当我单击它时，它必须导航到此页面，并且必须向下滚动以显示字母。 我已经尝试过了

<div class="main-container" #scrollMe [scrollTop]="scrollMe.scrollHeight">
    <div>Numbers</div>
    <div>Letters</div>
    </div>

问题是，每当我导航到此页面时，它就会向下滚动并首先显示字母。 我的要求是仅当我从仪表板导航时才必须向下滚动。

有人可以帮我吗

Answer 1

您可以使用路由器的（激活）属性来控制滚动
app.component.html

<router-outlet (activate)="onActivate($event)" ></router-outlet>

app.component.ts

onActivate(event) {
  if(event)==="DashboardComponent"){ //exact name of dashboard component
    //scroll, something like window.scroll(....);

  }
    ....
}