使用聚合物和 Firebase 加入查询

Question

我正在尝试做一些理论上应该很简单的事情。我在 Firebase 中有以下数据结构：

- projects
-- 1
--- name: some project
--- organisation: awesome organisation
--- users
---- uid1: true
---- uid2: true

- users
-- uid1
--- name: Bob
--- email: bob@test.com
--- tel: 020 3456 3456
-- uid2
--- name: tom
--- email: tom@test.com
--- tel: 020 3456 3456

我有一个从父元素传递的项目 ID，我想显示该项目的所有用户。

<dom-module id="project-users">
  <template>

    <firebase-query 
      id="query" 
      path="/projects/{{project.id}}/users" 
      data="{{users}}">
    </firebase-query>

    <template is="dom-repeat" items="{{users}}" as="u">
      user key: [[u.$key]]
      <!-- now do something to retrieve the full user record and display it -->
    </template>

  </template>
</dom-module>

然后我将如何获取每个用户的完整用户记录，我是否需要在 dom-repeat 中有一个标签？但是那如何异步工作呢？

或者这不是正确的方法吗？

非常感谢您的帮助。

Answer 1

我将在这里重新发布我的解决方案，因为我无法弄清楚如何在 cmets 中格式化代码 :-)

最终我将每个用户记录放在自己的组件中，如下所示：

<dom-module id="project-users">
  <template>

    <firebase-query 
      id="query" 
      path="/projects/{{project.id}}/users" 
      data="{{users}}">
    </firebase-query>

    <template is="dom-repeat" items="{{users}}" as="u">
      <user-details uid=[[u.$key]]></user-details>
    </template>

  </template>
</dom-module>

然后在user-details.html中：

<dom-module id="user-details">
  <template>

    <firebase-document 
      path="/users/[[uid]]" 
      data="{{u}}">
    </firebase-document>

    [[u.name]]<br />
    [[u.email]]<br />
    [[u.tel]]<br />

  </template>
</dom-module>