Directory

← Back

isw-route

Router with app-route like API, wrapped in an iron-selectable element that binds the active route.

Author

Rating

Popularity

<100

[ This description is mirrored from README.md at github.com/IswPolymerElements/isw-route on 2019-05-10 ]

<isw-route>

Router with app-route like API, wrapped in an iron-selectable element that binds the active route.

<app-location route="{{route}}"></app-location>

<isw-route-selector route="[[route]]" attr-for-selected="route" selected="{{selectedRoute}}" data="{{data}}">
  <isw-route route="a" pattern="/route-a"></isw-route>
  <isw-route route="b" pattern="/route-a/route-b"></isw-route>
  <isw-route route="c" pattern="/route-c/:somedata"></isw-route>
  <isw-route route="d" pattern="/route-c/route-d"></isw-route>
</isw-route-selector>

<iron-pages attr-for-selected="route" selected="[[selectedRoute]]">
  <div route="a">Route A</div>
  <div route="b">Route B</div>
  <div route="c">Route C</div>
  <div route="d">Route D</div>
</iron-pages>

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Polymer/polymer#^2.0.0

Released
2017-06-23
Maturity
TESTED
License
Other

Compatibility

Framework
Polymer 2.0+
Browser
Browser Independent

isw-route - Vaadin Add-on Directory

Router with app-route like API, wrapped in an iron-selectable element that binds the active route. isw-route - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/IswPolymerElements/isw-route](https://github.com//IswPolymerElements/isw-route/blob/1.0.6/README.md) on 2019-05-10 ]** # \ Router with app-route like API, wrapped in an iron-selectable element that binds the active route. ```html
Route A
Route B
Route C
Route D
```
Online