Templates 聚合物1.x：Firebase的聚合物模板？_Templates_Firebase_Polymer_Polymer 1.0

Templates 聚合物1.x：Firebase的聚合物模板？

templates firebase polymer

Templates 聚合物1.x：Firebase的聚合物模板？,templates,firebase,polymer,polymer-1.0,Templates,Firebase,Polymer,Polymer 1.0,我正在寻找一个“实时代码”存储库（如jsBin、JSFIDLE、CodePen、plunkr等）模板用于沙箱（即“发布”）有关firebase集合或firebase文档的问题换句话说，我正在使用Firebase后端构建一个聚合应用程序，我需要一个模板用于将问题发布到此网站例如。是否有人知道有一个可以支持有关firebase集合或firebase文档元素的问题？（我猜这需要一个具有公共读/写访问权限的firebase。） http://jsbin.com/sitomotoji/edit?htm

我正在寻找一个“实时代码”存储库（如jsBin、JSFIDLE、CodePen、plunkr等）模板用于沙箱（即“发布”）有关

firebase集合

或

firebase文档

的问题

换句话说，我正在使用Firebase后端构建一个聚合应用程序，我需要一个模板用于将问题发布到此网站

例如。是否有人知道有一个可以支持有关

firebase集合

或

firebase文档

元素的问题？（我猜这需要一个具有公共读/写访问权限的firebase。）

http://jsbin.com/sitomotoji/edit?html，输出

<!doctype html>
<head>
  <meta charset="utf-8">
  <!---- >
  <base href="https://polygit.org/components/">
  Toggle below/above as backup when server is down
  <!---->
  <base href="https://polygit2.appspot.com/components/">
  <script src="webcomponentsjs/webcomponents-lite.min.js"></script>
  <link href="polymer/polymer.html" rel="import">
  <link href="paper-button/paper-button.html" rel="import">
</head>
<body>

<dom-module id="x-element">

<template>
  <style></style>

<paper-button on-tap="_handleTap">Click Me</paper-button>

</template>

<script>
  (function(){
    Polymer({
      is: "x-element",
      properties: {
      },
      _handleTap: function() {
        alert('User clicked me!');
      },
    });
  })();
</script>

</dom-module>

<x-element></x-element>

</body>

<!doctype html>
<head>
  <meta charset="utf-8">
  <!---- >
  <base href="https://polygit.org/components/">
  <!---- >
  Toggle below/above as backup when server is down
  <!---->
  <base href="https://polygit2.appspot.com/components/">
  <!---->
  <script src="webcomponentsjs/webcomponents-lite.min.js"></script>
  <link href="polymer/polymer.html" rel="import">
  <link href="firebase-element/firebase-collection.html" rel="import">
  <link href="paper-button/paper-button.html" rel="import">
</head>
<body>

<dom-module id="x-element">

<template>
  <style></style>

  <p>
    <paper-button on-tap="_handleClick">Click Me</paper-button>
  </p>
  <!---->
    <firebase-collection
      location="https://dinosaur-facts.firebaseio.com/dinosaurs"
      data="{{dinosaurs}}"></firebase-collection>
    <template is="dom-repeat" items="[[dinosaurs]]" as="dinosaur">
      <div>
        [[dinosaur.height]]
      </div>
    </template>
  <!---->

</template>

<script>
  (function(){
    Polymer({
      is: "x-element",
      _handleClick: function() {
        console.log('You clicked me!');
      }
    });
  })();
</script>

</dom-module>

<x-element></x-element>

</body>


点击我
（功能（）{
聚合物({
是：“x元素”，
特性：{
},
_handleTap:function（）{
警报（'用户单击了我！'）；
},
});
})();

http://jsbin.com/xojoxubigi/edit?html，输出

<!doctype html>
<head>
  <meta charset="utf-8">
  <!---- >
  <base href="https://polygit.org/components/">
  Toggle below/above as backup when server is down
  <!---->
  <base href="https://polygit2.appspot.com/components/">
  <script src="webcomponentsjs/webcomponents-lite.min.js"></script>
  <link href="polymer/polymer.html" rel="import">
  <link href="paper-button/paper-button.html" rel="import">
</head>
<body>

<dom-module id="x-element">

<template>
  <style></style>

<paper-button on-tap="_handleTap">Click Me</paper-button>

</template>

<script>
  (function(){
    Polymer({
      is: "x-element",
      properties: {
      },
      _handleTap: function() {
        alert('User clicked me!');
      },
    });
  })();
</script>

</dom-module>

<x-element></x-element>

</body>

<!doctype html>
<head>
  <meta charset="utf-8">
  <!---- >
  <base href="https://polygit.org/components/">
  <!---- >
  Toggle below/above as backup when server is down
  <!---->
  <base href="https://polygit2.appspot.com/components/">
  <!---->
  <script src="webcomponentsjs/webcomponents-lite.min.js"></script>
  <link href="polymer/polymer.html" rel="import">
  <link href="firebase-element/firebase-collection.html" rel="import">
  <link href="paper-button/paper-button.html" rel="import">
</head>
<body>

<dom-module id="x-element">

<template>
  <style></style>

  <p>
    <paper-button on-tap="_handleClick">Click Me</paper-button>
  </p>
  <!---->
    <firebase-collection
      location="https://dinosaur-facts.firebaseio.com/dinosaurs"
      data="{{dinosaurs}}"></firebase-collection>
    <template is="dom-repeat" items="[[dinosaurs]]" as="dinosaur">
      <div>
        [[dinosaur.height]]
      </div>
    </template>
  <!---->

</template>

<script>
  (function(){
    Polymer({
      is: "x-element",
      _handleClick: function() {
        console.log('You clicked me!');
      }
    });
  })();
</script>

</dom-module>

<x-element></x-element>

</body>



点击我

[[恐龙的高度]]
（功能（）{
聚合物({
是：“x元素”，
_handleClick:function（）{
log（'你点击了我！'）；
}
});
})();