javascript - Firebase 和 Ionic 中的数据未更新

Question

我是 Ionic/Firebase 新手，我尝试通过表单更新字段。一切正常，没有错误，所有控制台日志都显示所需的内容，但数据库中的数据没有更新。

这是我的 Controller :

 var database = firebase.database();
  var userId = firebase.auth().currentUser.uid;
  var nameInput = document.querySelector('#name');
  var descriptionInput = document.querySelector('#description');
  var saveButton = document.querySelector('#save');

  saveButton.addEventListener("click", function() {
    var name = nameInput.value;
    var description = descriptionInput.value;

    function writeUserData(name, description) {
      firebase.database().ref('accounts/' + userId).set({
        name: name,
        description: description,
      });
    }
    $state.go("tab.account");
  });

有什么想法吗？或者也许是一种更好的方法，可以在用户登录时通过表单简单地更新 firebase 的数据库？

Answer 1

看来你还不知道函数的真正意义/用途，也不知道何时使用它

这是因为你将它包装在 writeUserData 中，并且你没有事件执行/调用这个函数

在这种情况下，函数writeUserData也不是必需的

所以删除它的功能

var database = firebase.database();
var userId = firebase.auth().currentUser.uid;
var nameInput = document.querySelector('#name');
var descriptionInput = document.querySelector('#description');
var saveButton = document.querySelector('#save');

receiveNewData();

function receiveNewData() {
    // check if there's new data added
    firebase.database().ref('accounts/' + userId).on('child_added', function(msg) {
        var data = msg.val();
        // your new data
        console.log(data);
        $state.go("tab.account");
    });
}

saveButton.addEventListener("click", function() {
    var name = nameInput.value;
    var description = descriptionInput.value;

    firebase.database().ref('accounts/' + userId).set({
        name: name,
        description: description,
    });
});

您只需将 $state.go("tab.account"); 传输到 receiveNewData

已编辑

为了能够捕获更改，只需在“accounts/”+ userId 内调用添加 child_added 事件监听器

function receiveNewData() {
    firebase.database().ref('accounts/' + userId).on('child_added', function(msg) {
        var data = msg.val();
        // your new data
        console.log(data);
        $state.go("tab.account");
    });
}