时间戳

首页 > 解决方案 > 执行功能后如何显示组件？

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

问题描述

我有一个服务来调节真/假，这取决于显示和隐藏组件*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 为 true 时，会出现标头组件：

<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>

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

标签： javascriptjqueryhtmlangularangular-ng-if

解决方案

试试这个

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

推荐阅读