polymer-starter-kit | 易学教程

Polymer + Firebase (Polymerfire): <firebase-query> not working inside single page app view (with <firebase-app> located in my-app.html)

阅读更多关于 Polymer + Firebase (Polymerfire): not working inside single page app view (with located in my-app.html)

问题 I'm trying to push data to Firebase using Polymerfire and the Polymer App Toolbox template: my-app.html contains a configured <firebase-app> component. my-models.html (which is a page configured in my-app.html routes) contains a <add-model> component <add-model> is a form with a <firebase-query> , <firebase-auth> , input, and submit button. I attempt to push data using <firebase-query> with the following function in the add-model.html Polymer object: Polymer({ is: 'add-model', properties: {

Polymer Starter Kit - Pretty URLS on Nginx Server

阅读更多关于 Polymer Starter Kit - Pretty URLS on Nginx Server

问题 the Polymer Starter Kit (PSK) contains instructions on using Pretty URLs when hosting on Firebase HERE I am attempting to do similar using Nginx Server, but cannot figure out the Location Block for page reloads. Using the sample data that comes with PSK, how would you configure "/users/sam", for example. 回答1: nginx config server { listen 80; server_name example.com; root /home/myuser/psk/dist; index index.html; location / { try_files $uri /index.html; } } Make sure to add a base url to your

Understanding Polymer 1.x Polymer Starter Kit file structure as it relates to bower_components imports

阅读更多关于 Understanding Polymer 1.x Polymer Starter Kit file structure as it relates to bower_components imports

问题 In the Polymer Starter Kit, every reference to the bower_components subdirectory refers to a node just below the app directory. However, (at least in my version of PSK) the bower_components subdirectory is one level up from the app directory. In other words, the bower_components subdirectory is actually located in the project root directory. Am I just miscounting my directory nodes? Or does this have something to do with how gulp and maybe vulcanize work? Or is it something else altogether

How to use polymer-redux with polymer-build?

阅读更多关于 How to use polymer-redux with polymer-build?

问题 I've currently started a new project based on Polymer Custom Build. I've modified the project in order to add usage of polymer-redux. Since then, when trying to build a bundled project using the command gulp build , I have the following problem [unknown-polymer-behavior] - Unable to resolve behavior ReduxBehavior . Did you import it? Is it annotated with @polymerBehavior? Declaring the ReduxBehavior is done using ReduxBehavior = PolymerRedux(store); which is not very usual. Anybody succeeded

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

阅读更多关于 Polymer 1.0 paper-submenu(s) inside paper-menu

问题 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> one </a> <paper-submenu> <paper-item class="menu-trigger">two</paper-item> <paper-menu class="menu-content"> <a data-route="two-1" href="{{baseUrl}}two

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

阅读更多关于 Polymer 1.0 paper-submenu(s) inside paper-menu

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> one </a> <paper-submenu> <paper-item class="menu-trigger">two</paper-item> <paper-menu class="menu-content"> <a data-route="two-1" href="{{baseUrl}}two-1"> <paper-item> <iron-icon icon="home"></iron-icon> two 1 </paper-item> </a> <a data

Polymer 1.0: User authentication UX (recommendations, tutorials and examples)?

阅读更多关于 Polymer 1.0: User authentication UX (recommendations, tutorials and examples)?

问题 Is there a recommended "Polymer way" to do user authentication? This question includes both the technical pieces AND the UX. A soup-to-nuts example (and/or tutorial) of a UX for doing user auth would be fantastic. Note: The Polymer Starter Kit does not contain any authentication UX examples. In this question... "UX" means: The COMPLETE "user-experience" involved in signing up for a new account, logging in and handling forgotten user id or password. For example, a typical landing page for a

Polymer + Firebase (Polymerfire): <firebase-query> not working inside single page app view (with <firebase-app> located in my-app.html)

阅读更多关于 Polymer + Firebase (Polymerfire): not working inside single page app view (with located in my-app.html)

I'm trying to push data to Firebase using Polymerfire and the Polymer App Toolbox template: my-app.html contains a configured <firebase-app> component. my-models.html (which is a page configured in my-app.html routes) contains a <add-model> component <add-model> is a form with a <firebase-query> , <firebase-auth> , input, and submit button. I attempt to push data using <firebase-query> with the following function in the add-model.html Polymer object: Polymer({ is: 'add-model', properties: { data: { type: Object } }, create: function() { this.$.query.ref.push({ name: this.$.myModelName.value })