Есть файл patients.json содержащий данные пациентов (около 1000 человек) в таком виде:
{
"id": 1,
"name": "Denis",
"lastName": "Smith",
"age": 29,
"date": "Monday, January 10, 2015"
},
{
"id": 2,
"name": "Vasiliy",
"lastName": "Johnson",
"age": 25,
"date": "Friday, March 3, 2016"
}
Загрузка данных из файла осуществляется внутри сервиса:
getData(): Observable<Patient[]> {
return this.http.get<Patient[]>('/assets/patients.json');
}
Далее сервис подключается в компонент и уже в самом компоненте вызывается метод getData()
this.patientsService.getData().subscribe((data) => {
console.log(data);
});
Хочу реализовать такой функционал: при загрузке страницы, идет запрос к файлу и выводится только первые 5 человек. Далее по клику на кнопку "Загрузить еще" подгружаются следующие 10 человек и т.д.
Нужно чтобы при загрузке данных из файла, не загружался весь файл, а только его часть (5 человек).
Вопрос: как при загрузке данных обрабатывать их и в нужный момент остановить загрузку?