Aurelia href.bind is not working

Question

My route:

{ route: 'weather/:woeid', href: '#/weather',  name: 'weatherd', moduleId: 'weatherd', nav: true, title: 'Weather' }

My HTML:

<a href.bind="route: weatherd, params.bind: { woeid: cityId }">

I want to build this url

#/weather/23423

I am having very hard time doing this. There is nothing in their documentation. Anybody please help

Answer 1

You want to use route-href instead of href.bind in this case.

<a route-href="route: weatherd, params.bind: { woeid: cityId }">

You would use href.bind like this:

<a href.bind="'weather/' + cityId" >

This can be found in the "Generating Route URLs" subsection of the Routing section in the cheat sheet here

Answer 2

<a href.bind="route: weatherd, params.bind: { woeid: cityId }">

should be

<a route-href="route: weatherd; params.bind: { woeid: cityId }">

Use route-href, and use a semicolon instead of a comma.

Answer 3

Replace , by ; :

<a route-href="route: weatherd; params.bind: { woeid: cityId }"></a>