Получен только один узел
Это кажется маловероятным.Вы можете легко проверить это, добавив простую запись в журнал, а затем проверив консоль разработчика своего браузера:
rootRef.on("child_added",snap =>{
var title = snap.child("Title").val();
var desc = snap.child("desc").val();
console.log(title);
$("#titlePost").text(title);
$("#descPost").text(desc);
});
Я ожидаю, что вы увидите, что каждый заголовок регистрируется.Но так как вы всегда звоните $("#titlePost").text(title);, вы видите только заголовок последнего сообщения в HTML.
Простое исправление заключается в добавлении заголовков в HTML:
$("#titlePost").append(title);
Теперь вы увидите, что все заголовки объединены вместе.Это правильное содержание, но, вероятно, выглядит ужасно.
Таким образом, правильное решение состоит в том, чтобы генерировать немного HTML вокруг каждого заголовка и описания.Насколько я понимаю, это то, что вы используете:
rootRef.on("child_added",snap =>{
var key = snap.key;
var title = snap.child("Title").val();
var desc = snap.child("desc").val();
var parent = $("#titlePost").parent().parent().parent();
parent.append(`<div class="w">
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text" id="${key}">${title}</h2>
</div>
<div class="mdl-card__supporting-text" id="descPost">
${desc}
</div>
</div>`
);
});