Гиперссылки отключены при использовании ui-sref в AngularJS

Question

Мои гиперссылки HTML удаляются / отключаются, когда я использую маршрутизацию состояний UIRouter.Код, который я реализовал, выглядит следующим образом:

// app.route.js
$stateProvider
    .state('weather_details', {
      url:'/weather/:woeid',
      component:'weather_details'
    });

// weather_detail.component.js
function WeatherDetailsController($log, $rootScope, $translate, $stateParams) {
    const vmwd = this;
    vmwd.stateParams = {};
    vmwd.stateParams.keyword = $stateParams.keyword;
    ...
}

У меня есть гиперссылка в виде:

// weather.view.html
<a ui-sref="weather({keyword: vmw.weather.woeid})">
Link
</a>

Почему мои ссылки отключены?

Answer 1

Я решил, что причина в том, что я указал URL-адрес в состоянии:

url:'/weather/:woeid'

И я указал в s-ref:

<a ui-sref="weather({keyword: vmw.weather.keyword})">

Ссылка должна быть:

<a ui-sref="weather({keyword: vmw.weather.woeid})">