Firebase 顯示資料到網頁上

前一篇講到了在 firebase 內新建資料，那這些資料要如何呈現在網頁上呢？

once 的應用

firebase 內有資料後，可以採用 once 這個方法拿取資料

// 先把路徑指到根目錄
let ref = firebase.database().ref();
// 提取 value 
ref.once('value', function(snapshot) {
  console.log(snapshot.val());
})

on 的應用與 once 的差異性

相較於 once，on 是即時的監聽資料庫內的資料，所以資料庫的內容一更改，頁面上的內容就會更改，無須重新整理，但語法跟 once 是一樣的

// 先把路徑指到根目錄
let ref = firebase.database().ref();
// 提取 value 
ref.on('value', function(snapshot) {
  console.log(snapshot.val());
})