Angular 元素进入视图时触发倒计时功能

我正在使用这个图书馆

是否有办法仅在到达数字部分时激活计数动画

换句话说，当元素滚动到视图中时触发它（

0

）

这可能吗？

Viewchild

就是一种方法

在html中，将值设置为参数化

<h1 #counter [countUp]="param">0</h1>

使用hostlistener收听滚动并检查滚动是否达到html如果是将计数更改为365

@HostListener('window:scroll', ['$event']) // for window scroll events
onWindowScroll(event) {
   var rect = this.counter.nativeElement.getBoundingClientRect();
   var elemTop = rect.top; var elemBottom = rect.bottom;
   (elemTop >= 0) && (elemBottom <= window.innerHeight) ? this.param=365:null
}

@HostListener（'window:scroll'，['$event']）//用于窗口滚动事件
onWindowScroll（事件）{
var rect=this.counter.nativeElement.getBoundingClientRect（）；
var elemTop=rect.top；var elemBottom=rect.bottom；
（elemTop>=0）和&（elemBottom）
@HostListener('window:scroll', ['$event']) // for window scroll events
onWindowScroll(event) {
   var rect = this.counter.nativeElement.getBoundingClientRect();
   var elemTop = rect.top; var elemBottom = rect.bottom;
   (elemTop >= 0) && (elemBottom <= window.innerHeight) ? this.param=365:null
}