Why is it when I do the following the and load myapp.html (below), the URL is updated with the default route values to myapp.html#!filter/all
I think this happens in the route ready event which fires on document.ready???
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script src="js/can.jquery.js"></script>
<script>
can.route( 'filter/:position' );
can.route( '', { position: 'all' } );
</script>
</body>
</html>
But when I try and do this by using Steal and stealing only the needed parts of CanJS, the URL is not updated? Well it is but, only #! is added to the end. The "filter/all" is not visible in the url
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type='text/javascript' src='../steal/steal.js'></script>
<script type='text/javascript'>
steal('can/util').then('can/route', function($) {
can.route( 'filter/:position' );
can.route( '', { position: 'all' } );
});
</script>
</body>
</html>
What am I missing?