mnml-by
@mnml-by
Молодой и талантливый

Как задать лимит получаемых элементов из JSON файла в Angular 8?

Есть файл 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 человек).

Вопрос: как при загрузке данных обрабатывать их и в нужный момент остановить загрузку?
  • Вопрос задан
  • 295 просмотров
Решения вопроса 1
Alex_Wells
@Alex_Wells
PHP/Kotlin
Бэкэнд должен заниматся пагинацией. В данном случае пытатся делать пагинацию на фронте тупо бессмысленно, раз это статический файл.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы