Firebase：使用 AngularFire2 推送嵌入到对象中的列表

Question

我试图弄清楚如何使用 AngularFire2 将值附加到 Firebase 对象中的列表。用例是创建一个简单的记分板，每次更改时都会通过将以下Score 对象推送到列表来保存分数：

{
    points: [15, 11],
    sets: [2, 1],
    timestamp: new Date()
}

数据库中的Scoreboard 对象如下所示：

{
    event: 'Volleybal',
    home: 'Londen',
    away: 'Manchester',
    scores: [Score]
}

scores 数组是 Score 对象的数组，如上所述。我需要能够执行两项任务：

1. 在 Firebase 数据库中查询 Scoreboard 列表以获得正确的事件（假设事件是唯一的）。
2. 每次得分发生变化时，通过推送新的 Score 对象来更新 scores 数组。

这是正确的架构设计吗？如何使用 AngularFire2 执行这些任务？

Answer 1

看起来上面的架构可以涵盖您的用例。我建议 Scoreboard 对象的 scores 属性在您的代码中处理（并存储）为对象与数组。

假设 event 属性对于所有 Scoreboard 对象都是唯一的，您可以使用以下内容从 Firebase 中检索它。

const event = 'Volleyball';

const scoreboards = af.database.list('scoreboards', {
  query: {
    orderByChild: 'event',
    equalTo: 'large' 
  }
});

但是，如果您在对象内有一个唯一键，则可能值得考虑将该键用于 Scoreboard 对象本身，因此记分牌资源如下所示

{
    'Volleyball': {
        home: 'London',
        away: 'Manchester',
        scores: {}
    },
    'Football': {
        home: 'London',
        away: 'Manchester',
        scores: {}
    },
    ...
}

这样做将允许您检索/更新此对象，如下所示。

// Get Scoreboard
const event = 'Volleyball';
const scoreboard = af.database.object('scoreboards/' + event);

// Add a new score to the scores property of Scoreboard
af.database.list('/scoreboards/' + event + '/scores').push({
  points: [15, 11],
  sets: [2, 1],
  timestamp: new Date()
});

值得注意的是，Firebase 实际上并不存储数组；如果你向 Firebase 展示一个数组，它会将它变成一个对象，键是数组的索引。 https://firebase.googleblog.com/2014/04/best-practices-arrays-in-firebase.html

根据下面的评论编辑答案 要显示最新存储的值，您可以使用类似下面的方法获取该值。

const event = 'Volleyball';
const scoreboard = af.database.list('/scoreboards/' + event + '/scores', {
  query: {
    orderByChild: 'timestamp',
    limitToLast: 1
  }
});

scoreboard.subscribe(list => {
   list.forEach(score => {
       // Can access the values of the Score object here
       console.log(score.points);
   });
});