标签: polymerfire

所以,我有一个简单的聚合物应用程序,其中包含列出一些用户的页面和用户详细信息页面.

我在列表页面使用firebase-query,在详细信息页面使用firebase-document.

我正在使用app-route为用户详细信息页面传递用户的id

<app-route route="{{route}}" pattern="/:key" data="{{routeData}}"></app-route>
<firebase-document path="/users/[[routeData.key]]" data="{{person}}"></firebase-document>

{{person.name}}<br />
{{person.email}}<br />

到目前为止,详细信息页面读取正确的文档,数据绑定工作正常.

但是,让我们说"John"有一封电子邮件,但"Bob"没有.如果我从列表页面开始并单击"John",则详细信息页面会显示John的名称和电子邮件.

然后我回到列表页面,然后点击"Bob".详细信息页面显示了Bob的名称,但它显示了John的电子邮件.

换句话说,如果属性为空,它将记住最后一个人加载的属性.

我怎么能以某种方式重置所有内容,以便我不会获得属于另一个用户的值？

请分享如何使用<firebase-auth>Polymer元素的工作代码示例.

我有一个自定义<paper-button>我正在尝试进入用户身份验证的登录按钮.我想使用Firebase来执行用户身份验证服务.

这是用户文档.

这是Github存储库.

orderByChild没有记录,但是来自polymerfire的查询元素的公共API的一部分.

我的应用程序中有这样的东西:

<firebase-query
  id="query"
  orderByChild="[[order]]"
  path="/records/[[user.uid]]"
  data="{{records}}">
</firebase-query>

where order元素具有有效字符串的属性.

查询正在运行并返回结果,但没有排序.

从用chrome检查它,问题query.orderByChild是没有受到约束.如果我从chrome console(query.orderByChild = myelement.order)分配它,它会重新运行查询并以正确的顺序返回记录.

知道可能是什么问题吗？

我正在尝试使用Polymerfire和Polymer App Toolbox模板将数据推送到Firebase:

• my-app.html包含已配置的<firebase-app>组件.
• my-models.html(在my-app.html路由中配置的页面)包含<add-model>组件
• <add-model>是具有一种形式<firebase-query>,<firebase-auth>,输入和提交按钮.

• 我尝试使用对象中<firebase-query>的以下函数来推送数据add-model.html Polymer:

  Polymer({
      is: 'add-model',
      properties: {
          data: {
              type: Object
          }
      },
      create: function() {
         this.$.query.ref.push({
             name: this.$.myModelName.value
          });
      }
  });
  

  Run Code Online (Sandbox Code Playgroud)

  结果

• 调用push上<firebase-query>的目标add-model.html回报率Cannot read property 'push' of undefined(在此Q/A解释说,在我们的情况下,这是因为<firebase-app>似乎没有被正确声明).

• 移动<firebase-app>从my-app.html到add-model.html文件确实让push功能工作,但后来my-app.html失去了火力地堡的功能.
• 同时调用<firebase-app>my-app.html和add-model.html返回Uncaught Error: …

我基于 Polymer Starter Kit 创建了一个 Firebase 项目并进行了一些修改以修复路由，但登录弹出窗口立即关闭并记录错误：

在完成操作之前，用户已关闭弹出窗口。

该_authenticate函数（在下面的代码中）被调用来验证用户。我能够在 Facebook 和 Google 控制台上正确设置它，所以我不确定错误意味着什么。

这是我的代码：

<dom-module id="my-app">
  <template>
    
    !-- Firebase Setup -->
    <firebase-app auth-domain="foodhop-manage.firebaseapp.com"
                  database-url="https://foodhop-manage.firebaseio.com"
                  api-key="AIzaSyA-1TEbd1EhlkPwjGBLNS74h3c5FNCHNo0"></firebase-app>

    <!-- Firebase Authentication -->
    <firebase-auth id="auth"
                    user="{{user}}"
                    signed-in="{{signedIn}}"
                    on-error="handleError"></firebase-auth>

    <!-- App Routing -->
    <app-location route="{{route}}"></app-location>
    <app-route
        route="{{route}}"
        pattern="/:page"
        data="{{routeData}}"
        tail="{{subroute}}"></app-route>

    <!-- Scroll Position Control -->
    <app-scrollpos-control id="scrollpos" selected="[[page]]" reset></app-scrollpos-control>

    <!-- Application -->
    <app-header-layout>
      <app-header condenses reveals shadow>
        <app-toolbar>
          <div main-title style="text-align:center;font-size:40px;padding-top:20px" class="font-beautify">FoodHop</div>
        </app-toolbar>
        <app-toolbar sticky>
          <div class="flex"></div>
          <paper-tabs selected="[[page]]" attr-for-selected="name" class="self-end">
            <paper-tab link …

我正在尝试安装和使用Polymerfire <firebase-auth>元素.但是,显然,我没有成功安装所有依赖项,例如firebase-sdk.

我尝试使用Bower命令模式来安装其他Polymer元素:

bower install --save polymerfire/firebase-auth

但是,显然,可能没有为Bower设置Polymerfire,我收到了以下错误.

致命:远程错误:
找不到存储库.

现在,我在Polymerfire bower.json文件中列出了以下依赖项:

...
"dependencies": {
  "polymer": "Polymer/polymer#^1.2.0",
  "firebase-sdk": "https://www.gstatic.com/firebasejs/3.0.0/firebase.js",
  "app-storage": "polymerelements/app-storage#~0.9.0"
},
...

但我不重复,我重申,我没有,在我的项目的bower_components目录中有任何firebase-sdk目录.

请帮我解开这个并正确地将Polymerfire的所有必要依赖项(包括firebase-sdk)安装到我的Polymer项目中.

编辑

当我执行以下命令时:

bower install --save polymerfire

它似乎工作.但是,当我检查我的bower_components目录时,我仍然没有看到任何firebase-sdk子目录,我仍然得到相同的控制台错误.单击此处以查看更详细地处理此错误的另一个问题.

firebase-app.html:94
未捕获的ReferenceError:未定义firebase