ng2-infinitescroll 2.0.0 • Public • Published 8 years ago The sources for this package are in (https://github.com/sharmilemurugaraj/ng2-infinite-scroll) repo. Please file issues and pull requests against that repo.
Include the following lines in typescript file.
import { Component } from ' @angular/core ' ;
import { InfiniteScroll } from ' ../directives/angular2-infinitescroll ' ;
@ Component ( {
selector : ' my-app ' ,
directives : [ InfiniteScroll ] ,
template : `
< div ( OnScrollMethod )= " nextPage() " ScrollDistance = " 3 " InfiniteScroll = " InfiniteScroll " > < / div >
`
styleUrls : [ ' style.css ' ]
} )
export class AppComponent {
nextPage ( ) {
console . log ( ' Reached Bottom!! ' ) ;
}
}
Custom css must be added to set the height for the particular div. Height can be changed according to the screen.
. search - results {
height : 180 px ! important ;
overflow : scroll ;
}
Package Sidebar Install Downloads