当组件滚动到视图（不使用window：scroll）时，如何触发该组件的动画Angular 5

Question

当组件化的数据行滚动到视图中时，我试图触发动画。我已经找到了基于窗口滚动的方法，但是我的应用程序并非如此。我有一个作业列表组件，然后是ng-container中的行。看起来像这样。

<div class="component-contain">
    <div id="gridContain">
        <ng-container *ngFor="let job of jobs; let i - index;">
            <job-grid-row>
            </job-grid-row>
        <ng-container>
    </div>
</div>

滚动的容器的ID为gridContain。我试图通过window:scroll和scroll使用主机侦听器。我什至无法触发检查滚动位置功能。我不会发布该代码，因为我知道它是完全错误的。我希望我不要错过任何重要的信息。我是CSS的设计师和相当专业的专家，但是在Javascript和Typescript中处于中级水平。预先感谢。