Firebase 和 Ionic 中的数据未更新

Question

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

这是我的控制器：

 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

已编辑

为了能够捕捉到更改，只需调用 add child_added 事件侦听器 inside 'accounts/' + userId

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");
    });
}