Binding URI Parameters

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!

Search for a $200 TV
@ $
See Details See Lorem Ipsum
Details about the search
Lorem Ipsum
<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>