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

Question

我有一个调节 true/false 的服务，它依赖于通过 *ngIf 显示和隐藏组件！此刻，当我点击按钮时，服务呈现为真，组件就在那一刻出现！

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

这是我的幻灯片组件，带有一个按钮，单击时会显示 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 为真时 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>

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

Answer 1

试试这个

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

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

How can I show a component after execution of a function?

html

javascript

jquery

angular-ng-if

angular