使倒计时POP向上倾斜

Question

我正在开发一个有角度的应用程序。我要弹出一个带有时间的弹出窗口，如所附图片所示。它应该比3表示2比1更显示4。表示时间应该在屏幕上每秒更改一次，并在右上角关闭按钮。而且弹出窗口应该会在时间结束后自动关闭。POP-UP image

Answer 1

假设pop-up作为添加到父组件中的组件：

在弹出控制器中

  counter = 5;
  interval: any;
  ngOnInit() {
    this.interval = setInterval(() => {
      (this.counter !== 0) ? this.counter -= 1 : this.close();
    }, 1000);
  }
  close() {
    clearInterval(this.interval);
    //emit some triggering event 
    // use @Output() 
  }

将counter值用作字符串插值，即{{counter}}

在父组件HTML中

<div *ngIf='condition'>
    <pop-up (trigger)='condition=false'></pop-up>
</div>