微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Angular 6 Scroll Listener重新加载组件

为了尽可能简单地解决这个问题,这是我的方案.

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

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

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

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

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

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

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

解决方法

我不知道你是否正在注射这样的组件,但这是我尝试解决这个问题.

我使用渲染器来监听子组件中的窗口事件滚动.

StackBlitz

别介意我的造型

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐