A page is able to access the information in the current route and change the view-model.
Using params: ['x','y']
it is possible to pick up pseudo parameters from the URL
and bind them as observable variables in the page. If the parameter already exists on the
viewModel it is bound to that observable instead.
These parameters can even be nested!
<div data-bind="page: {id: 'search', params: ['product','price']}" class="well"> <span data-bind="text: product"></span> @ $ <span data-bind="text: price"></span> <br/> <a class="btn" data-bind="page-href: 'details'">See Details</a> <a class="btn" data-bind="page-href: 'lorem'">See Lorem Ipsum</a> <div data-bind="page: {id: 'details'}"> Details about the search </div> <div data-bind="page: {id: 'lorem'}"> Lorem Ipsum </div> </div>