polymer

ngModel Binding on Polymer dropdown (Angular2)

旧街凉风 提交于 2019-12-18 09:26:30
问题 Ok so far I was successfully able to bind <paper-radio> , <paper-checkbox> with ngModel by using a Custom ControlValueAccessor for each one of them. Now I'm stuck at <paper-dropdown-menu> Here the scenario, I can capture the paper-dropdown (iron-select) but cannot bind -two-way, i.e., using ngModel below is the HTML and custom accessor class My form.html <paper-dropdown-menu [(ngModel)]="mymodel.selection" label="Your Fix"> <paper-menu class="dropdown-content"> <paper-item value="1"

An example of how to implement firebase-auth in Polymer 1.0?

孤街醉人 提交于 2019-12-18 09:24:14
问题 I'm a bit lost on how to implement the firebase-auth element. Any examples would be appreciated, I haven't managed to find any yet. Thanks 回答1: On this question, Glenn Vandeuren posts the following: Element <!-- @license Copyright (c) 2015 Glenn Vandeuren. All rights reserved. --> <link rel="import" href="../polymer/polymer.html"> <link rel="import" href="../paper-button/paper-button.html"> <dom-module id="login-button"> <style> :host { display: block; box-sizing: border-box; } </style>

Polymer paper-dialog not centered

不问归期 提交于 2019-12-18 09:06:52
问题 In my polymer app, when I open a paper-dialog using an iPhone, it's not centered, as opposed to opening it using Chrome or Safari using the a desktop Mac or PC. I'm dynamically constructing the paper-dialog element and placing it in the DOM template using javascript, and then calling open() : var d = document.createElement('paper-dialog'); d.innerHTML = "<h2>Dialog Title</h2>" "<p>some content</p>"+ '<div class="buttons">'+ "<paper-button >More Info...</paper-button>"+ "<paper-button dialog

paper-input autocomplete fails to fill

我的未来我决定 提交于 2019-12-18 09:06:13
问题 Polymer 1.0 Chrome 50.0.2661.102 I am trying to enable chrome autofill with paper input. When selecting either input the standard appropriate chrome autofill prompt list appears, however selecting an available name, or email from the list does not populate the input, it just closes the chrome autofill list. <paper-input id="email" name="email" label="Email" type="email" autocomplete="email" ></paper-input> <paper-input id="password" name="password" label="Password" type="password"

Dartlang with polymer character encoding

心已入冬 提交于 2019-12-18 07:21:16
问题 I wrote a snippet and not working with national characters. The "A törzsszám"... text appear "törzsszám" with my loginstatus field. Main html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="en"> <head> <meta charset="utf-8"> .... Login.html <polymer-element name="login-element" attributes="loginrow"> <template> ... <div> <input type="text" value="{{torzsszam}}"> ... <br> <span>({{loginstatus}})</span> </div> </template> <script type="application/dart" src=

Dartlang with polymer character encoding

筅森魡賤 提交于 2019-12-18 07:20:09
问题 I wrote a snippet and not working with national characters. The "A törzsszám"... text appear "törzsszám" with my loginstatus field. Main html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="en"> <head> <meta charset="utf-8"> .... Login.html <polymer-element name="login-element" attributes="loginrow"> <template> ... <div> <input type="text" value="{{torzsszam}}"> ... <br> <span>({{loginstatus}})</span> </div> </template> <script type="application/dart" src=

Leaflet + Polymer 2 map loading with distorted tile however works with non-polymer code

。_饼干妹妹 提交于 2019-12-18 07:14:45
问题 UPDATE: I have now replicated this issue in Plunker. I did check the duplicate question suggested. The answer is incorrect or missing CSS file. I have imported v1.3.4 for CSS and JS as mentioned in leaflet quick start. The Plunker shows the CSS is included in Shadow DOM of the element. This is not the case for me. Also, the same version of JS and CSS works for non-polymer code, however, the distortion occurs with Polymer. I am struggling for several days now to get the leaflet map loaded

using paper datatable in angular2

天涯浪子 提交于 2019-12-18 07:07:36
问题 I have been struggling for quiet a while about using paper-data-table (paper data table by David Mulder) in my angular 2 application. The problem im facing is described in the data table issue: Issue opened regarding using the table in angular 2 applicaiton Basically there is a use of the polymer undocumented dataHost property that gets incorrect value when using it in angular2. I have tried a few angles of solutions which I cant make any of them work completely: 1) I tried to find a way to

Polymer, binding to array items not working

笑着哭i 提交于 2019-12-18 07:05:51
问题 In this example (Plunk) there is bind between property and array item. firstName should change from 'John' to 'Test' on click, but it's not happening. How to make the property to change on item update? <script src="http://www.polymer-project.org/1.0/samples/components/webcomponentsjs/webcomponents-lite.min.js"></script> <link rel="import" href="http://www.polymer-project.org/1.0/samples/components/polymer/polymer.html"> <!-- <link rel="import" href="https://cdn.rawgit.com/download/polymer-cdn

Polymer @import theme file with :host in styles has no affect

淺唱寂寞╮ 提交于 2019-12-18 07:00:23
问题 Back with another Polymer question, I have a Polymer/Electron app that I'm trying to style. I want to create a theme.css that contains a :host block with my entire theme in it that I can then import into my modules stylesheet but I've tried a few different things and tried finding anything in the documentation to no avail. So far, I have tried in, and outside of the <template> definition: <link rel="stylesheet" href="./account-list.css"> with an @import <style>@import 'my-theme.css';</style>