javascript - 重新加载 AngularJS 页面时保留查询字符串

Question

我想在点击后在我的网址上保留一些查询字符串(并刷新页面

我正在使用:

$state.reload();

但它不保留 url quertytring 我在页面上有按钮，单击“buttonControler”后我只想刷新页面，但 url 应使用 url.com/buttonPage/?param1&param2

我也尝试过:

var url = $location.absUrl().split('?')[0];
$window.location.href = url +"?param"

...但这基本上是相同的网址，并且不会进行刷新，因为刷新后我得到了新数据。

Answer 1

如果您在重新加载的路由中配置了状态参数，则这应该与 $state.reload() 一起使用。 $state.reload() 相当于:

$state.transitionTo($state.current, $stateParams, {
    reload: true,
    inherit: false,
    notify: true
});

这样，如果您的路线是 url.com/buttonPage/?param1=var&param2=var2 您的状态定义应该如下所示:

$stateProvider
    .state('buttonPage', {
       url: '/buttonPage',
       params: {
          param1: null,
          param2: null
       },
       templateUrl: 'someTemplate.html
     })

有关处理路由中参数的更多信息，请查看 UI-router routing documentation .