@polymer/iron-location


iron-location

The iron-location elements manage bindings to and from the current URL and query
parameters.
See: Documentation,
iron-location demo,
iron-query-params demo.

$3

The iron-location element manages binding to and from the current URL.

$3

The iron-query-params element manages serialization and parsing of query
parameter strings.

Usage

$3

``
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










`

$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
path="/social/profiles"
hash="profilePicture"
query="userId=polymer&display=dark"
dwell-time="1000">

;
}
}
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
path="/social/profiles"
hash="profilePicture"
query="{{paramsString}}"
dwell-time="1000">

id="queryParams"
params-string='{{paramString}}'
params-object='{"userId": "polymer", "display": "dark"}'>

;
}
}
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
``