Angular 6 Scroll Listener重新加载组件

1)我有一个父组件,它有一个ViewContainerRef来动态加载父组件中的组件.对于我的用例,parent是一个空的holder页面,它根据一组变量动态地替换另一个页面.

< ng-template#dynamic>< / ng-template>

2)子组件有一个水平滚动div,看起来类似于以下内容：

< div id =“carousel”(scroll)=“onScroll($event)”>
????<！ - 组件列表 - >
< / DIV>

每次使用(滚动)侦听器滚动它时,它都会重新加载父组件,因此滚动位置总是反弹回0,因为它已重新加载.

但是,如果我删除(滚动)侦听器,则div会滚动而不会出现问题.问题是,我想根据水平滚动位置动态更改页面上的项目.

有没有人对嵌入式组件和滚动侦听器可能出现的问题有任何想法？非常感谢！