执行功能后如何显示组件？

Question

我有一个服务来调节真/假，这取决于通过*ngIf 显示和隐藏组件！目前，当我单击该按钮时，服务呈现为 true，并且组件随即出现！

我需要它们仅在功能完全执行后出现！那就是我需要页面滚动到顶部，然后只显示组件。

这是我的幻灯片组件，带有一个按钮，点击时告诉 content.service true。

onGoToAbout(event) {
    $(event.target.id).toggle();
    $("#slideshow").slideUp(1500);
    this.content.isContentShown = true;
}

<div class="explore-wrapper" (click)="onGoToAbout($event)" routerLink="/about">

当 content.service 为 true 时，会出现 header 组件：

<header class="sticky" *ngIf="header.isContentShown">
    <div class="header-container">
        <div class="header-left">
            <h1>{{pageTitle}}</h1>
        </div>
        <div class="header-right">
            <app-burger></app-burger>
        </div>
    </div>
</header>
<app-nav (sendTitle)="getTitle($event)"></app-nav>

我只需要在页面滚动到顶部之后才显示标题！

Answer 1

试试这个

$('#slideshow').slideUp(1500, function() {
   this.content.isContentShown = true;
});