Полимер 1.x: Полимерный шаблон для Firebase?

Я ищу для «живого кода» хранилище (например, jsBin, jsFiddle, CodePen, plunkr и т.д.) шаблон полезные для песочниц (то есть, «посылка») Полимерные вопросы о firebase-collection или firebase-document.Полимер 1.x: Полимерный шаблон для Firebase?

Другими словами, я создаю приложение Polymer с использованием брандмауэра Firebase, и мне нужен шаблон для публикации вопросов на этом сайте.

Например, here is the template I use to post Polymer questions. Есть ли кто-нибудь, кто знает об этом, может также поддерживать вопросы об элементах firebase-collection или firebase-document? (я предполагаю, что это потребует firebase с доступом общественного чтения/записи.)

http://jsbin.com/sitomotoji/edit?html,output

<!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>

источник

2016-02-21 Mowzer

http://jsbin.com/xojoxubigi/edit? html, output

<!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>

источник

2016-02-26 03:45:54 Mowzer

Полимер 1.x: Полимерный шаблон для Firebase?

ответ

Смежные вопросы