Внедрение бесконечной прокрутки с помощью Firebase?

Question

 var self = this; 
     var firebaseRef = new Firebase(baseUrl + '/sparks'); 

     firebaseRef.limitToLast(5).on('child_added', function(childSnapshot, prevChildKey) { 
     self.addChild(childSnapshot); // adds post to a <div> 
     }); 

Мой код в настоящее время загружает последние 5 сообщений и загрузит новые сообщения. Тем не менее, я также хотел бы иметь возможность загружать старые сообщения. У меня есть кнопка, которая при нажатии вызывает функцию (которая я не знаю, как ее реализовать), которая загружает более старые сообщения. Как получить эти старые сообщения?

(Стрелка просто означает, что я хочу, чтобы получить сообщения, начиная с нижней и рабочие свой путь к вершине)

Answer 1

Вы должны думать немного назад, чтобы сделать это. Когда вы получите результаты для запроса на первую страницу, помните, первый элемент в результатах:

firebaseRef.endAt().limitToLast(5).on('child_added', function(childSnapshot, prevChildKey) { 
    self.addChild(childSnapshot); // adds post to a <div> 
    }); 

В то время как вы не можете получить доступ к дочерним элементам по индексу с Firebase, вы можете хранить ключ элемента и использование, для запуска следующего запроса.

var firstKnownKey; 
firebaseRef.orderByKey().limitToLast(5).on('child_added', function(childSnapshot, prevChildKey) { 
    if (!firstKnownKey) { 
     firstKnownKey = childSnapshot.key; 
    } 
    self.addChild(childSnapshot); // adds post to a <div> 
}); 

Теперь у вас есть переменная firstKnownKey, которая имеет первый ключ, который вы когда-либо видели. Для того, чтобы получить предыдущую партию детей, вы передаете это значение в к endAt(), когда вы запустите ваш следующий запрос:

firebaseRef.orderByKey().endAt(firstKnownKey).limitToLast(5).on('child_added', function(childSnapshot, prevChildKey) { 
    if (!firstKnownKey) { 
     firstKnownKey = childSnapshot.key; 
    } 
    self.addChild(childSnapshot); // adds post to a <div> 
}); 

Ответы на подобные вопросы за последние несколько дней:

• Can I get the nth item of a firebase "query"?
• Firebase results range using startAt and endAt