can-view-href
Sets an element’s href attribute so that its url will set the specified attribute values on can-route.
Deprecated 2.3
Use the routeUrl helper instead like:
href="{{routeUrl prop=value}}".
can-href='{[attrName=attrValue...]}'
Parameters
- attrName
{String}: - attrValue
{KeyLookup Expression}:
Use
With no pretty routing rules, the following:
<li><a can-href='{page="recipe" id=5}'>{{recipe.name}}</a></li>
produces:
<li><a href='#!&page=5&id=5'>{{recipe.name}}</a></li>
If pretty route is defined like:
can.route(":page/:id")
The previous use of can-href will instead produce:
<li><a href='#!page/5'>{{recipe.name}}</a></li>
You can use values from stache's scope like:
<li><a can-href='{page="recipe" id=recipeId}'>{{recipe.name}}</a></li>
If recipeId was 6:
<li><a href='#!page/6'>{{recipe.name}}</a></li>
If recipeId is observable and changes to 7:
<li><a href='#!page/7'>{{recipe.name}}</a></li>