본문 바로가기

Javascript/Angular

angualr2 에서 infinite scroll 사용하기

먼저 


npm install angular2-infinite-scroll --save


해당 명령어로 install하시고


아래와 같이 필요한 태그에다가 infinite scroll에 관련된 속성들을 삽입해 줍니다.


<div class="idea-list" *ngIf="isLoadCompleted" infinite-scroll [infiniteScrollDistance]="2" [infiniteScrollThrottle]="300"

(scrolled)="onScroll()">


그다음으로 ts파일에서 아래와 같이 메서드를 삽입해 주면 끝



onScroll() {

console.log('scrolled!!');

//로직 들어갑니다.

}