can/demos/can-stache/route-url.html

MIT-licensed, client-side, JavaScript framework that makes building rich web applications easy.

<script type='text/stache' id='demo-html'>
<pre>url={{ routeUrl(undefined,true) }}</pre>

<a	{{^ routeCurrent(page='home') }}
		href="{{ routeUrl(page='home') }}"
	{{/routeCurrent}}
	>home</a>

<a  {{^routeCurrent page='restaurants'}}
		href="{{routeUrl page='restaurants'}}"
	{{/routeCurrent}}
	>restaurants</a>

{{#eq page 'home'}}
	<h1>Home page</h1>
{{else}}
	<h1>Restaurants page</h1>
{{/eq}}
</script>

<script src="../../node_modules/steal/steal.js" main="@empty" id='demo-source'>
var stache = require("can-stache");
var DefineMap = require("can-define/map/map");

require("can-stache/helpers/route");

var route = require("can-route");

route(':page',{page: 'home'});
route.ready();

var template = stache(document.getElementById('demo-html').innerHTML);

document.body.appendChild( template(route) );
</script>