如何在不执行路由的情况下在AngularJS中设置查询参数？-Java 学习之路

我的Angular应用程序允许用户加载项目，当发生这种情况时，我想设置一个包含项目ID的查询字符串，这样如果用户刷新页面（或想要链接到该页面），则URL已经是set（如果在$ routeParams中存在Id，则已经存在加载项的代码） .

如何在不引起路由的情况下设置该查询参数？如果路由发生，页面上还有其他东西会被重置（包括必须重新加载所有数据的插件），因此只需查询参数更改就很重要 .

简而言之，当我加载项目123时，我想要发生的是URL更改为：

www.myurl.com/#/Items

至：

www.myurl.com/#/Items?id=123

没有任何路由发生 .

最好的方法是什么？

1 回答

163

在$routeProvider配置中将 reloadOnSearch 设置为false：

$routeProvider
  .when('/items', {
    controller: 'ItemsCtrl',
    templateUrl: '/templates/items',
    reloadOnSearch: false
  },
  ...
);

并在您的控制器中使用 $location.search() 来设置 id 参数：

$location.search('id', 123);

回复于 2024-04-26T13:06:35+08:00