polymer

问题 I have a small window that I'm inserting into my page (and removing when the page is closed). I want a grayed-out background behind this window, as on dialogs. So I thought I'd use paper-dialog-behavior or iron-overlay-behavior as a mixin, and set this.withBackdrop = true in my ready() method. However, when I add ...extends Polymer.mixinBehaviors([Polymer.IronOverlayBehavior], Polymer.Element) or ...extends Polymer.mixinBehaviors([Polymer.PaperDialogBehaviorImpl], Polymer.Element) to this

问题 I have an admin section in my Polymer 1.0 app that gives admin users the ability to create other new users. However, as soon as the new user is registered the admin user is logged out and the new user is logged in. I'm using the polymerfire elements <firebase-app> and <firebase-auth> to do this, is there a way to keep the admin user logged in while still registering a new user? 回答1: I read this answer to a similar non-polymer question which led me to a simple solution. Just add a second

问题 My question is: How to change the custom color of [part="toggle-button"] in the vaadin-select ? I've searched how to change it but I cannot get it too. Please help and solve it, thank you! 来源： https://stackoverflow.com/questions/56574413/how-to-change-the-color-of-part-toggle-button-in-the-vaadin-select

问题 I am try to implements datatables filter inside polymer from this link https://jsfiddle.net/bindrid/2bkbx2y3/6/ But when I apply into polymer I found some issue when push to datatables a plugin method. in polymer I use vaadin-date-picker as datepicker, and here's my code : HTML <template> <form class="form-inline m-b"> <div class="form-group form-group-sm"> <vaadin-date-picker id="min" placeholder="Start"></vaadin-date-picker> <vaadin-date-picker id="max" placeholder="End"></vaadin-date

问题 Is there a way in Polymer 1.0 to set up a binding using javascript like Node.bind() did previously? [Ignore this: Apparently being succinct is not allowed in stackoverflow so I have to write this useless sentence in order to post the question.] 回答1: Short answer is: NO . Polymer 1.0 currently does not support imperative data-binding. In 1.0, the data-binding mechanism was completely rewrote, so previous 0.5-ish techniques like Node.bind('content', new PathObserver(obj, 'path.to.value')); or

问题 My Goal I want to databind the items property shown in this jsBin -- and have the rendered HTML text output match the value shown in the console. What I expect to see... When I open this jsBin, in the right pane labeled output , I expect to see the following in the second line of text: Lorem,Ipsum,foo,1,bar,1,baz,0,qux,0 What I actually see... Instead, I see: Lorem,Ipsum,foo,0,bar,0,baz,0,qux,0 But if you click the button labeled Show , and check the console, you will see the following:

问题 I noticed there is a template-bound in firebase polymer firebase-login.html after searching polymer documentation cannot find out what is that. also, any polymer events reference in documentation? 回答1: This is the event that fires after the data binding happens in a Polymer's auto-binding template . <template id="myTemplate" is="auto-binding"> </template> <script> var template = document.getElementById("myTemplate"); template.addEventListener('template-bound', function() { console.log('ready'

问题 I would like to know how to set checked to radio button using litelement. I have a object and for each object options, radio button is created. For example, for id=SG two radio buttons are created, if no checked, set bank as default checked else set corresponding selected radio value as checked. I got stuck in litelement. const obj= [{ id: "SG", options: ["bank", "credit"] }, { id: "TH", options: ["bank"] } ]; render(){ ${obj.map((e)=>{ return html` <form> ${obj.options.map((option_value)=>{

问题 I want to implement a page containing a paper-tabs, with each tab showing a list of items according to the name initial. I wonder what is the best way for data-binding. Also I have some trouble to access the data in the nested template. When I tap different tabs, it is not working as I expect. Here is the simplified code: //page <paper-tabs selected="{{tab}}"> <template repeat="{{inital in pagination}}"> <paper-tab name="{{initial}}"> {{initial}} </paper-tab> </template> </paper-tabs> <items

问题 I'm encountering a situation at a customer: they want to do A/B Testing. As far as I know, this most of the time happens at LoadBalancer level (Kubernetes) redirecting users to a certain version of the application (for example with new version of Gmail and a release is being rolled out). Now with web components, this customer wants to have a "dom-if" kind of situation where features are turned on if a certain requirement is met IN the component. This will add overhead of course. I wonder if