Bidirectional data binding into the page's URL.
npm install @polymer/iron-location


The iron-location element manages binding to and from the current URL.
The iron-query-params element manages serialization and parsing of query
parameter strings.
npm install --save @polymer/iron-location
`$3
##### <iron-location>
`html
path="/social/profiles"
hash="profilePicture"
query="userId=polymer&display=dark"
dwell-time="1000">
`#### <iron-query-params>
`html
path="/social/profiles"
hash="profilePicture"
query="{{paramsString}}"
dwell-time="1000">
id="queryParams"
params-string='{{paramsString}}'
params-object='{"userId": "polymer", "display": "dark"}'>
`$3
##### <iron-location>
`js
import {PolymerElement, html} from '@polymer/polymer';
import '@polymer/iron-location/iron-location.js';class SampleElement extends PolymerElement {
static get template() {
return html
;
}
}
customElements.define('sample-element', SampleElement);
`#### <iron-query-params>
`js
import {PolymerElement, html} from '@polymer/polymer';
import '@polymer/iron-location/iron-location.js';
import '@polymer/iron-location/iron-query-params.js';class SampleElement extends PolymerElement {
static get template() {
return html
;
}
}
customElements.define('sample-element', SampleElement);
`Contributing
If you want to send a PR to this element, here are
the instructions for running the tests and demo locally:$3
`sh
git clone https://github.com/PolymerElements/iron-location
cd iron-location
npm install
npm install -g polymer-cli
`$3
`sh
polymer serve --npm
open http://127.0.0.1:/demo/
`$3
`sh
polymer test --npm
``