polymer

问题 I've created a React app that uses Google's Material Design Polymer components with react-polymer . When running my app through the webpack-dev-server, all Polymer components are rendering properly. But once I upload this to my Apache2 server on digitalocean, none of the components are rendering at all. I'm not receiving any network errors either of assets not being fetched. At first, I thought it was the mod_pagespeed that was stripping my styles and Polymer imports, but disabling it didn't

问题 The subject line of the question is a bit ambiguous. I have an main entry file to load (entry.html) which uses a entry.dart script. In the entry.html, I use a custom polymer element card-table. cardtable.html is a simple list. When I load the entry.html first time, everything is good.. I see multiple rows of text printed with static data in my model list. My entry.html has a button, clicking which changes the data model (through entry.dart, I invoke the cardtable.dart). I see the right

问题 I have a polymer app that I'm deploying to Google App Engine. It is step-2 of the beginner polymer tutorial. I keep getting 404s and 500 errors for some resources, specifically these are the errors: GET http://polymer-test-nik.appspot.com/images/avatar-07.svg 404 (Not Found) polymer-test-nik.appspot.com/:66 GET http://polymer-test-nik.appspot.com/components/core-header-panel/core-header-panel.html 500 (Internal Server Error) polymer-test-nik.appspot.com/:10 GET http://polymer-test-nik.appspot

问题 Edit: Just found this link, that explains it somehow. Using querySelector to find nested elements inside a Polymer template returns null Nonetheless I'd appreciate an answer to my question on this specific code. /Edit I think a rather straight forward and minimalistic problem: I've got a custom element in polymer: <polymer-element name="my-test"> <template> <div id="content"> <h3 id="test">My Test</h3> <p id="paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi dolore

问题 I want to add a side navigation like this to my side: https://www.google.com/design/spec/material-design/introduction.html There should be a menu button and a sidenav opens: But i cant find this method in polymer . The only possibility is the paper-drawer-panel but this is opend all the time... My working paper-drawer-panel example: https://www.sese7.de/polymer/ Does anybody has an idea how to do this with polymer or maybe with https://customelements.io/ Thanks in advance ;) 回答1: Try setting

问题 While developing apps, I sometimes like to force the CSS to load on every refresh so that any css change are loaded on the fly. I attempted the following: <link rel="stylesheet" href="widget1.css?v={{cssRandom}}"> And in the Polymer code: cssRandom: Math.random(); This unfortunately does not work. It is not a big issue, I can force the css manually when I make changes but it would be nice to know if there are any solutions to something like this? The second issue is relating to background

问题 I have just been testing some polymer 1.0 elements. I noticed that using the paper-input element it is not possible to drag highlight text entered into it. It is possible to use keyboard shortcuts to highlight text and it is also possible to double click. I have checked the documentation and i cannot see if this is intended functionality, can anyone shed any light? 回答1: This seems to be fixed in the recent update to iron-input or paper-input. It works fine in the demo now. https://elements

问题 I want to generate the observe block like so: created: function () { var viewData = { type: 'Pikachu', name: 'Gary' }; // iterate over view data for (prop in viewData) { //set the property this[prop] = viewData[prop]; var handlerName = 'update' + prop // set add the property to the observe block this.observe[prop] = handlerName; // set the handler this[handlerName] = function (valueWas, valueIs) { console.log('you have changed ' + prop + ' to ' valueIs); }; } }, Is this possible? This is

问题 I'm using Polymer for an app and using Erik Ringsmuth's app-router for routing. The code is as follows: In index.html: <app-router mode="pushstate"> <app-route path="/" import="/elements/login-page/login-page.html"></app-route> <app-route path="/dash" import="/elements/dash-page/dash-page.html"></app-route> <app-route path="/new" import="/elements/newapp-page/newapp-page.html"></app-route> <app-route path="*" import="/elements/dash-page/dash-page.html"></app-route> </app-router> In login-page

问题 I am attempting to build an element with attributes that would specify which element should take place of this element. I have a 3d-card flip element that I am using fo this purposes in the index.html that is defined as: <html> <head> <script src="bower_components/webcomponentsjs/webcomponents.js"> </script> <link rel="import" href="elements/general-element.html"> </head> <body> <general-element name="card-flip" address="elements/card-flip.html"> <front> FRONT </front> <back> BACK </back> <