Question

我有一个访问firebase上数据库的函数，我得到了这样做的数据：

private chargeData() {
    let ref = firebase.database().ref('users/' + this.auth.uid);
    ref.on('value', function (snapshot) {
      console.log(snapshot.val());
    }, function (error) {
      console.log('Charge data error, ', error.code);
    });
  }

我正在使用离子3所以我想保留我在局部变量上收到的所有内容，以便在HTML视图中显示它，但我不知道如何。我尝试初始化像this.userData = snapshot.val();这样的变量，但发生错误“这是空的”。

Answer 1

使用Angular数据绑定

private theData;

private chargeData() {
    let ref = firebase.database().ref('users/' + this.auth.uid);
    ref.on('value', function (snapshot) {
      console.log(snapshot.val());
      this.theData = snapshot.val();
    }, function (error) {
      console.log('Charge data error, ', error.code);
    });
  }

HTML中的

：

<div class="fancy"> {{ theData }} </div>

进一步的细节：

显示从异步回调JS收取的数据

1 个答案: