在Scroll Angular 6上触发ngFor动画

Question

我基本上是在制作一个Angular 6应用程序，该应用程序将一个项目数组变旧并使用* ngFor显示它们。我想要的是在窗口位于某个位置（Y偏移）时一个接一个地进行动画处理，也就是说，在窗口位于某个Y位置时开始动画。

以下代码完美地制作了每个项目的动画（一个接一个地显示，一个动画），但是在组件加载后立即被触发。

如何保持项目动画，直到窗口位于某个Y位置？

`
var isButtonTapped = false
@IBAction func tapButton(sender: Any) {
    print("Tap")
    if(!isButtonTapped){
    //Perform your operations or page navigations. After the navigation operation set the bool value to true.
    isButtonTapped = true;
  }
}`

提前谢谢！

Answer 1

我已通过隐藏元素来修复此问题，直到使用*ngIf

将其可见为止。