polymer

Polymerfire dom-repeat with Firebase objects

社会主义新天地 提交于 2019-12-08 06:42:29
问题 I want to be able to show a list of all the FirstName and ZipCodes . My data looks as follows: /user | |__INAxzxWKQrSAfA7tapV0c08YvfJ3 | |____FirstName:"James" | |____ZipCode:"90210" | |__ANAczxWKQrEAfA7tapV0c08YvfX6 |____FirstName:"Simon" |____ZipCode:"40213" and Polymerfire's firebase document looks like this <firebase-document app-name="contacts" path="/user" data="{{allUsers}}"> </firebase-document> And my dom repeat is like <template is="dom-repeat" items="{{_makeArray(allUsers)}}"> <div

Custom elements not detecting children when instantiated in template of another custom element

a 夏天 提交于 2019-12-08 06:35:11
问题 I have an RPG Main HTML Element defined as follows. I'm instantiating it in the body of my index.html file. <link rel="import" href="packages/polymer/polymer.html"> <link rel="import" href="gridlayout.html"> <link rel="import" href="gridtile.html"> <polymer-element name="rpg-main" attributes=""> <template> <style> grid-tile { background: #FF00FF; width: 50px; height: 50px } :host { position: absolute; display: block; width: 500px; height: 500px; } </style> <grid-layout rows = "2" cols = "2"

how to include google-map in polymer#^2.0 as it was working in polymer 1.7

对着背影说爱祢 提交于 2019-12-08 05:22:24
问题 I have included api, before everything were working perfect in polymer 1.7, after upgraded to polymer ^2.0 google map does not renders. here is my code in main app page written polymer class base: <iron-pages role="main" selected="[[page]]" attr-for-selected="name" selected-attribute="visible" fallback-selection="404"> <jj-maps name="maps" user="{{user}}" sprof="{{sprof}}"></jj-maps> <jj-list name="list" > Jobs </jj-list> <jj-infos name="infos"> infos </jj-infos> <jj-contacts name="contacts"

Polymerfire dom-repeat with Firebase objects

风格不统一 提交于 2019-12-08 05:17:28
I want to be able to show a list of all the FirstName and ZipCodes . My data looks as follows: /user | |__INAxzxWKQrSAfA7tapV0c08YvfJ3 | |____FirstName:"James" | |____ZipCode:"90210" | |__ANAczxWKQrEAfA7tapV0c08YvfX6 |____FirstName:"Simon" |____ZipCode:"40213" and Polymerfire's firebase document looks like this <firebase-document app-name="contacts" path="/user" data="{{allUsers}}"> </firebase-document> And my dom repeat is like <template is="dom-repeat" items="{{_makeArray(allUsers)}}"> <div class="profile card"> {{item.FirstName}} </div> </template> I added the function _makeArray: function

<neon-animated-pages> does not work with <paper-tabs>?

旧时模样 提交于 2019-12-08 04:26:21
问题 Question It is not possible to use <paper-tabs> inside a custom element to [[select]] <neon-animated-pages> right now. Correct? The comment by @FelixEdlemann: But I still didn't find a solution for using neon-animated-pages in combination with paper-tabs. on this Youtube video by @RobDodson seems to support my experience that using <paper-tabs> (inside a custom element) breaks <neon-animated-pages> right now. Please provide working example. If I'm wrong. And if it is possible to use <paper

Custom elements not detecting children when instantiated in template of another custom element

放肆的年华 提交于 2019-12-08 03:31:32
I have an RPG Main HTML Element defined as follows. I'm instantiating it in the body of my index.html file. <link rel="import" href="packages/polymer/polymer.html"> <link rel="import" href="gridlayout.html"> <link rel="import" href="gridtile.html"> <polymer-element name="rpg-main" attributes=""> <template> <style> grid-tile { background: #FF00FF; width: 50px; height: 50px } :host { position: absolute; display: block; width: 500px; height: 500px; } </style> <grid-layout rows = "2" cols = "2" spacing = "50px"> <grid-tile> </grid-tile> <grid-tile> </grid-tile> <grid-tile> </grid-tile> <grid-tile>

polymer starter kit, google-map, examples together

旧时模样 提交于 2019-12-08 03:05:25
I am trying to display a google-map on a Polymer Starter-kit page. I start with Polymer init... go with the standard Starter-kit... Do a ... bower install --save GoogleWebComponents/google-map I get a Google Map Key... Everything works great... except. I can not get the damn map to display on a page. I can go through the example and tutorials... no trouble. But getting the tag to work in the Start-kit has been a problem. Does anyone have some examples with google-map in Starter-kit? Ideally where you create/use a custom module? Works as advertised. This is the code for one of the My-viewX.html

Is there a Polymer component that simplifies communications with MongoDB?

被刻印的时光 ゝ 提交于 2019-12-08 01:32:20
问题 Given the promise Polymer and web components have in simplifying development I am wondering if anyone has developed a wrapper component that simplifies talking to a MongoDB backend? Does anyone know of one? Is this a sane idea? I guess it would need a custom server-side piece, but even so, I expected that lots of people would have written one, but I cannot find any; or is this a case where there are so many options that I should write my own node/express/mongo server? Or is it that the AJAX

How do you get HTML5 inputs to validate if they are inside Polymer Web Components?

£可爱£侵袭症+ 提交于 2019-12-07 21:17:04
问题 I am using Polymer Web Components and my application targets Chrome. On my form, outside the Web Components I have an input type='number', when I enter 'a' into the input and submit the form, I get a tooltip that says "Please enter a number." However, I have another input type="number" that is in the Shadow DOM of a web component. When I enter 'a' into that field and submit the form, I get no tooltip. Is there anyway to make the behavior more consistent? 回答1: I'm not seeing the same problem

Polymer 1.0 paper-submenu(s) inside paper-menu

耗尽温柔 提交于 2019-12-07 20:52:09
问题 Then I select an item in my outer paper-menu and after that I navigate into my submenu and select an item there, the outer-item is still selected. also conversely: <paper-menu class="list" attr-for-selected="data-route" selected="[[route]]" selectable="a"> <a data-route="one" href="{{baseUrl}}"> <iron-icon icon="home"></iron-icon> <span>one</span> </a> <paper-submenu> <paper-item class="menu-trigger">two</paper-item> <paper-menu class="menu-content"> <a data-route="two-1" href="{{baseUrl}}two