@ angular / fire: как получить результаты с помощью startAt () и endAt ()

Question

Я занимаюсь разработкой приложения виртуальной прокрутки для чата, созданного на основе angular и firebase.Сообщения разговора хранятся в базе данных реального времени firebase.

(когда мы расширяем дочерний элемент, данные выглядят так)

Iсначала нужно загрузить последние 50 разговоров, а затем, когда пользователь прокручивает чат, мне нужно загрузить следующие 50 разговоров и так далее.

Я пытался использовать метод startAt(), endAt() для извлечения данных, но результаты не возвращались из базы данных.

Answer 1

Вам необходимо использовать .limit (50) для первого запроса, а для последовательных запросов использовать .limit (50) и .startAfter ().Вам не нужно использовать endAt или endAfter.

Вам также необходимо упорядочить результат в соответствии с некоторым полем и использовать одно и то же поле для упорядочения для всех запросов.Итак, для первого запроса:

ref.where(...).orderBy(...).limit(50);

затем сохраните последнюю ссылку на документ в ответе.

Для всех последовательных запросов:

ref.where(...).orderBy(...).startAfter(lastDocumentRef).limit(50);