在AngularJS中使用ui-sref时,超链接被禁用

时间:2018-10-01 01:11:59

标签: javascript angularjs

当我使用UIRouter状态路由时,将删除/禁用我的HTML超链接。我实现的代码如下:

// 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>

为什么我的链接被禁用?

1 个答案:

答案 0 :(得分:0)

我发现原因是我将网址指定为:

url:'/weather/:woeid'

我在s-ref中指定了

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

链接应为:

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