Dynamic routing
Demo for the dynamic()
function.
The following routes are defined in this page (see source) matched dynamically:
let routes: Array<DynamicRoute> = [
];
<svelte:component this={dynamic($path, routes, Error)} />
Try clicking on them and you'll see the rendered route changing below:
- Dynamic Static Route 1
- Dynamic Static Route 2
- Dynamic Named Param Route: /dynamic/params/141
- Dynamic RegExp Route: /dynamic/re141
- Invalid route (/dynamic/invalid)
Renderized dynamic component:
Dynamic Default Route
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.