title: Pass values to route
body: <p>I have a list of items. When the user clicks on an item, the user will be taken to item details page.</p>
  
  <p>I want to pass an object containing item details(like item's image URL) to the route. However, I don't want to expose it in the routes url. </p>
  
  <p>If there were a way to do something like <code>&lt;a route-href="route: details; settings.bind({url: item.url})"&gt;${item.name}&lt;/a&gt;</code> that would be gold.</p>
  
  <p>I have seen properties can be passed to a route if defined in the route configuration. However, I don't know how to change that from the template. Another way could be is to define a singleton and store the values there and inject the object to the destination route.</p>
  
  <p>Is there a way to pass values to routes from view (like angular ui-routers <code>param</code> object)?</p>