Показать большой набор данных из http в раскрывающемся списке, используя угловой 4/6

Question

Я пытаюсь связать раскрывающийся список Angular-4 с более чем 10 000 записей, это зависшее приложение.
Мне нужно отобразить параметры раскрывающегося списка в чак / ломтик.

Например:При загрузке страницы отображается только 8 данных в раскрывающемся списке, а когда пользователь прокручивает вниз, затем вынимает эти данные и загружает / передает другие 8 данных в раскрывающемся списке.
Критерии приемлемости: я не могу использовать jquery & thirdплагин для вечеринки в моем проекте.Пожалуйста, помогите мне выбраться из этого.

Я использую библиотеку PrimeFaces в моем проекте.Итак, возможно ли сделать то же самое в нем?

Вот код, но он не работает, и onScrollDown не был запущен

loadMcr() {
    this.LogicService.GetMr().then((data) => {
      this.mrList = data;
      this.mrListing = this.mrList.slice(0, 10);

    }, error => {
      console.log(error);
    });
  }
onScrollDown() {
if (this.mrListing.length < this.mrList.length) {
  let len = this.mrListing.length;

  for (var i = len; i <= len + 20; i++) {
    this.mrListing.push(this.mrList[i]);
  }
}
}

<li>
<select id="largeData" formControlName="mydata" (change)="onScrollDown()">
<option *ngFor="let option of mrListing"  [ngValue]="option.id">{{option.description}}</option>
</select>
</span>
</li>