Polymer 1.x:如何在自定义行为中使用 firebase-document 强制获取数据

Question

我正在尝试使用自定义行为中的动态命令式firebase-document元素来获取数据。

我有以下代码。请注意，第一个console.log按预期正确记录。但第二个从不记录任何东西。我哪里出错了？

我的行为.html

<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/polymerfire/polymerfire.html">
...
getUserLocalSeries: function(uid) {
  var doc = document.createElement('firebase-document');
  var path = ['users', uid, 'local'].join('/');
  doc.appName = 'app';
  doc.path = path;
  var _this = this;
  console.log('path', path); // Logs fine
  doc.addEventListener('response', function(e) {
    console.log('doc', doc.lastResponse); // Doesn't log
    _this.set('userLocalSeries', doc.lastResponse);
  });
  this.set('userLocalSeries', doc.data);
},

Answer 1

我强烈建议只使用Firebase JS SDK：

getUserLocalSeries: function(uid) {
  var path = ['users', uid, 'local'].join('/');
  var _this = this;
  firebase.database().ref(path).on('value', function(snap) {
    _this.set('userLocalSeries', snap.val());
  });
}

只要项目中有firebase-app，就可以使用 SDK。这个例子要求你从firebase-app中省略name属性，但你也可以这样做，例如 firebase.app('app').database().ref()相反。