在angular2中实现无限滚动

前端之家收集整理的这篇文章主要介绍了在angular2中实现无限滚动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在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);
  }
}
原文链接:https://www.f2er.com/angularjs/142358.html

猜你在找的Angularjs相关文章