Блог

Я пытаюсь реализовать бесконечную прокрутку пользовательским способом и пытаюсь найти самый простой способ сделать это. Я могу изменить страницу при прокрутке, но я не могу «сохранить» состояние прокрутки и добавить элементы на всю страницу при прокрутке. Это тот самый пример:

https://stackblitz.com/edit/star-wars-api-3dw2gj?file=app/app.component.html

вскоре:

 <ul class="list-group" (scroll)="onScoll($event)">
        <li class="list-group-item" *ngFor="let p of people | async">
          {{ p.name }}
        </li>
      </ul>
 

тс:

  onScoll(event) {
    if (this.page < 10)
      this.people = this.starWarsService.getHeros(this.page  );
  }