angularjs - $state.go 使用动态参数重新加载和更新 URL

Question

在 Controller 中，我正在调用:

$state.go("myState", $scope.urlParams);

$scope.urlParams can 包含一个或多个参数。 (动态的)

我的 $stateProvider配置是这样的:

url: '/myPage?param1&param2&param3&param4'

现在让我们举一个例子来说明我的问题:

我第一次使用以下方法加载“myPage”:

$state.go("myState", $scope.urlParams);

与 $scope.urlParams = {'param1' : 111 , 'param2' : 222};
我的网址是这样的 ..../myPage?param1=111&param2=222
现在我已经在“myPage”上，但这次我正在使用:

$state.go("myState", $scope.urlParams);

与 $scope.urlParams = {'param1' : 111};
我的问题在那里 ，我的网址 仍然看起来像这样 ..../myPage?param1=111&param2=222
但我想要那个，我的网址是这样的:

..../myPage?param1=111

Answer 1

第二次，您应该将代码更改为:

$state.go("myState", $scope.urlParams, {inherit: false});

$state.go电话 $state.transitionTo在内部但自动将选项设置为 { location: true, inherit: true, relative: $state.$current, notify: true } .

和 inherit设置为 true 时的属性从当前 URL 继承 URL 参数。这就是您在 URL 中获取先前参数的原因。

见 docs .