2
각도 4 어플리케이션에서 무한 스크롤을 사용하여 벽돌 그리드를 통합하려고합니다.벽돌 + 무한 스크롤 + 각도 통합 방법
내가 벽돌에 대해 다음 라이브러리 masonry.desandro.com 무한 스크롤 사용하고 있습니다 : 나는 스크롤 문제가 있어요 ngx-infinite-scroll
는 항목이 중복되고있다. 내가 제대로 초기화하지 않을지 모르겠다.
HTML : : 어떤 도움도 내 코드는 다음과 같습니다 각 4
작동 다른 라이브러리를 사용하는 의미 감사
<div class="search-results" infinite-scroll [infiniteScrollDistance]="2"
[infiniteScrollThrottle]="10" (scrolled)="onScrollDown()"
[scrollWindow]="true">
<div class="grid">
<div class="grid-item grid-item--height{{i}}" *ngFor="let i of array">
{{i}}
</div>
</div>
내 구성 요소 :
export class HomeComponent implements OnInit {
ngOnInit() {
jQuery(document).ready(function() {
jQuery('.grid').masonry({
// options
itemSelector: '.grid-item',
columnWidth: 200
});
});
}
array = [];
sum = 20;
modalIsOpen = '';
constructor() {
for (let i = 0; i < this.sum; ++i) {
this.array.push(i);
}
}
onScrollDown() {
console.log('scrolled!!');
// add another 20 items
const start = this.sum;
this.sum += 20;
for (let i = start; i < this.sum; ++i) {
this.array.push(i);
}
}
}