我想在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); } }