Angular 6单击按钮后如何显示消息答案

【问题标题】：Angular 6 How to show Message after button is clickedAngular 6单击按钮后如何显示消息
【发布时间】：2018-09-26 04:56:01
【问题描述】：

我在一个项目中工作，其中包含一个用于保存更改的按钮。我只想在单击按钮后 3 秒后显示一条示例消息。 smt 像下面的例子

<div>
<button *ngIf="show" class="fade in" role="">Save</button>
   <p SOW THIS MESSAGE 3s AFTER CLICK SAVE> <strong>just Saved!</strong> Your changes has been saved.<p>

【问题讨论】：

当您点击保存按钮时，创建一个计时器，并在 3 秒后回传设置显示变量

标签： javascript angular typescript angular6

【解决方案1】：

.html:

<button (click)="showMessageSoon()">Show Message</button>
<p *ngIf="showMyMessage">hello there</p>

.ts:

public showMyMessage = false

showMessageSoon() {
  setTimeout(() => {
    this.showMyMessage = true
  }, 3000)
}

【讨论】：

它有效。比你 danday74。感谢您的帮助。