Angular 6 Как показать сообщение после нажатия кнопки

Question

Я работаю в проекте, в котором есть кнопка для сохранения изменений.Я просто хотел, чтобы образец сообщения отображался через 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>

Answer 1

.html:

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

.ts:

public showMyMessage = false

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