AngularJS在URL中移动URL查询参数

时间:2018-12-10 07:25:45

标签: angularjs angular-ui-router angular-routing route-provider

所以我对AngularJs中的某些路由有疑问。

基本上,我想在网址中移动查询参数,例如:

我要转换以下类型的网址:

http://www.example.com/event-name/?id=1

进入:

http://www.example.com/event-name/1

因此,我使用$routeProvider从:

.when('/:eventName', {

收件人:

.when('/:eventName/:eventId', {

在此事件页面中,我还有其他一些事件建议,当我单击它们时,新事件将立即显示在同一页面中,而无需刷新页面。

当我在URL中移动查询参数时遇到的这个问题是,当我单击其他事件建议时,页面中的所有内容都会重新加载(就像您第一次在页面上输入时一样)。将id设置为查询参数时,仅事件占位符被重新加载,页面中的其他元素保持不变(页眉菜单,建议块,页脚等)

所以我想这是一个路由问题,当我通过单击另一个事件建议来更改url时,角度不知道他不应该重新呈现所有页面,但是当id被设置为他知道的查询参数时,我想他本人没有看到url的任何更改,除了加载事件占位符之外,没有做任何其他事情。

所以我在Google上搜索了一下此问题,然后遇到了称为嵌套路由或路由子项的问题。您是否认为这是解决此问题的方法?我不太了解嵌套路由的好处,但是我想当您想动态更改url但同时仅呈现页面一部分时,它们对这类情况很有帮助。我说的对吗?

我有哪些选择?谢谢

0 个答案:

没有答案