javascript - 查询平面数据firebase,angularfire

标签 javascript angularjs firebase angularfire

我将数据按以下结构存储在 firebase 中(图 1)。我遵循了结构化数据的指南,并将其保存在一个平面结构中,其中包含事件和用户的键值对,以允许多对多关系引用。我想使用 userid 来查找用户有权访问的事件,在纯 javascript 中这很简单(见图 2),但是事实证明使用 angularfire 很困难,因为我想使用 firebaseObject 或数组。有谁知道如何执行这样的查询?

图 1.

{
  users: {
      user_id1: {
         events: {
            event_id1: true,
            event_id2: true
         }
      },
      user_id2: {
         events: {
            event_id3: true,
            event_id4: true
         }
      },
      user_idN...
  },
  events: {
    event_id1: {
        users: {
           user_id1: true
         }
    },
    event_id2: {
        users: {
           user_id1: true
         }
    },
    event_idN...
  }
}

图2

// List all of user_id1's events
var ref = new Firebase("https://<<example>>.firebaseio.com/");
// fetch a list of user_id1's events
ref.child("users/user_id1/events").on('child_added', function(snapshot) {
  // for each event, fetch it and print it
  String groupKey = snapshot.key();
  ref.child("events/" + groupKey).once('value', function(snapshot) {
    console.log(snapshot.val());
  });
});

最佳答案

这是在 AngularFire 中使用 $extend 的绝佳案例。

您正在共享 $event_id 键,因此可以在检索到用户后加载事件。

app.factory("UserFactory", function($firebaseObject) {
  return $firebaseObject.$extend({
      getEvent: function(eventId) {
        var eventRef = new Firebase('<my-firebase-app>/events').child(eventId);
        return $firebaseObject(eventRef);
      }
   });
});

app.controller('MyCtrl', function($scope, UserFactory) {
  var userRef = new Firebase('<my-firebase-app>').child("users/user_id1/");
  var user = new UserFactory();
  $scope.event = user.getEvent(user.events.event_id1);
});

See the API reference for more information.

关于javascript - 查询平面数据firebase,angularfire,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34442377/

相关文章:

javascript - JS 数组 - 检查对象值是否重复

angularjs - Passport session 不存在

firebase - 使用 Firebase Analytics 如何查看特定 iOS 版本的分割? (例如 iOS 11.1.3、iOS 12.2.1)

java - 带推送 utf8 字符串的 Firebase Java API

javascript - materializeCSS - 带有选项卡的扩展导航栏作为页面链接

javascript - HTML5 history API popstate 事件返回错误数据

javascript - 如何通过我的 chrome 扩展程序注入(inject)的脚本访问 jQueryUI slider ?

javascript - 验证消息到指令 - AngularJS

javascript - 防止 Angular 自定义指令模板中禁用的树节点上的单击事件

javascript - AngularJS 无法在解析函数中从服务获取身份验证对象