Javascript 使用仅限浏览器的应用程序，firebase元素聚合物组件无响应_Javascript_Firebase_Polymer

Javascript 使用仅限浏览器的应用程序，firebase元素聚合物组件无响应

javascript firebase polymer

Javascript 使用仅限浏览器的应用程序，firebase元素聚合物组件无响应,javascript,firebase,polymer,Javascript,Firebase,Polymer,我正在尝试使用仅限浏览器的应用程序（即仅提供静态文件，或从文件：//）和web组件/polymer和firebase元素向firebase获取信息在调整路径并添加--allow file access from files to my chrome startup之后，我已经从下面的html页面中消除了所有控制台错误，但现在我什么也没有得到：（不是香肠。我也不知道如何调试它。我需要添加一个简单的登录组件或其他什么吗？我是否缺少某个日志？（我在firebase本身找不到）我尝试添加一个数据更改

我正在尝试使用仅限浏览器的应用程序（即仅提供静态文件，或从文件：//）和web组件/polymer和firebase元素向firebase获取信息

在调整路径并添加--allow file access from files to my chrome startup之后，我已经从下面的html页面中消除了所有控制台错误，但现在我什么也没有得到：（不是香肠。我也不知道如何调试它。我需要添加一个简单的登录组件或其他什么吗？我是否缺少某个日志？（我在firebase本身找不到）

我尝试添加一个数据更改触发事件，但似乎也没有触发：(

非常感谢您的建议：）


eSS火基试验
我的Firebase数据
{{key}}:{{data[key]}
dataChange=函数（事件）{
console.log（'数据更改！'）
log（'change:'，event.detail.name'，：'，event.detail.value）；
}

聚合元素需要一个服务器来运行。最简单的方法是从Python中尝试SimpleHTTPServer（假设您安装了Python）

版本3看起来像这样

python -m SimpleHTTPServer 8000

版本2不同（使用2.7测试）：

如果已安装，也可以使用现有的灯组

查看您的代码，您导入了错误的元素。您需要导入firebase元素（内部使用firebase导入），而不是firebase导入。代码应如下所示

<!doctype html>
<html>
<head>
  <title>eSS Firebase Test</title>
<!--
-->
  <script src="./components/platform/platform.js"></script>
  <link rel="import" href="./components/polymer/polymer.html">
  <link rel="import" href="./firebase-element.html">

  <style>
  </style>
</head>
<body unresolved>

    <firebase-element id="base" location="https://<--somefirebase-->.firebaseio.com/" log data="{{data}}" keys="{{keys}}" on-data-change="{{dataChange}}"></firebase-element>

    <h3>My Firebase Data</h3>

    <template repeat="{{key in keys}}">
      <p>{{key}}: {{data[key]}}</p>
    </template>

    <script type="text/javascript">
    dataChange = function(event) {
        console.log('data change!')
        console.log('change: ', event.detail.name, ':', event.detail.value);
            }
    </script>

</body>
</html>


eSS火基试验
我的Firebase数据
{{key}}:{{data[key]}
dataChange=函数（事件）{
console.log（'数据更改！'）
log（'change:'，event.detail.name'，：'，event.detail.value）；
}

我不知道可以从文件导入组件：///页面…尝试在身体周围添加元素并相应调整脚本代码。我快速测试了一个访问Firebase的非聚合本地HTML页面，该页面在Chrome中运行良好（即使没有

--允许从文件访问文件

）。你能在没有Firebase的情况下让它工作吗？在尝试上述建议之前，我快速设置了一个节点服务器来传递文件。相同（非）结果。接下来还有更多的实验：）你有没有尝试过@DirkGrappendorf的评论？{}在聚合之外不起作用。

python -m SimpleHTTPServer 8000

<!doctype html>
<html>
<head>
  <title>eSS Firebase Test</title>
<!--
-->
  <script src="./components/platform/platform.js"></script>
  <link rel="import" href="./components/polymer/polymer.html">
  <link rel="import" href="./firebase-element.html">

  <style>
  </style>
</head>
<body unresolved>

    <firebase-element id="base" location="https://<--somefirebase-->.firebaseio.com/" log data="{{data}}" keys="{{keys}}" on-data-change="{{dataChange}}"></firebase-element>

    <h3>My Firebase Data</h3>

    <template repeat="{{key in keys}}">
      <p>{{key}}: {{data[key]}}</p>
    </template>

    <script type="text/javascript">
    dataChange = function(event) {
        console.log('data change!')
        console.log('change: ', event.detail.name, ':', event.detail.value);
            }
    </script>

</body>
</html>