在angular2中实现无限滚动

发布时间：2020-12-17 07:33:14 所属栏目：安全来源：网络整理

导读：我想在angular2组件中实现一个* ng-DIV的无限滚动.为此,我需要以某种方式通过角度方法挂钩到Scroll事件的窗口.然后在角度上,当用户滚动通过页面的某一点时,我将能够将更多的项目加载到数据项数组中. 任何人有想法如何钩住window.scroll事件从角(内部ng2组件)

我想在angular2组件中实现一个* ng-DIV的无限滚动.为此,我需要以某种方式通过角度方法挂钩到Scroll事件的窗口.然后在角度上,当用户滚动通过页面的某一点时,我将能够将更多的项目加载到数据项数组中.

任何人有想法如何钩住window.scroll事件从角(内部ng2组件)？

使用(target：event)=“handler()”符号来监听全局事件.您可以使用窗口,文档或身体作为目标.对于你的情况,它将是(window：scroll)=“onScroll($event)”.见 this plunk.

import {Component} from 'angular2/core'

@Component({
  selector: 'my-app',template: `
    <div (window:scroll)="onScroll($event)">
      <h1>Hello Angular2</h1>
      ...
    </div>
  `,})
export class App {

  onScroll(event) {
    console.log('scroll event',event);
  }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!