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 человек).

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

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

Войти через центр авторизации
Похожие вопросы