Angular 2更新URL路径参数没有重定向-Java 学习之路

使用Angular 2如何在不重定向页面的情况下更新URL路径 .

我知道您可以使用ActivatedRoute queryParamMap Observable访问参数，但如果我想更改这些值并将其显示在URL中，该怎么办？

更新URL中的值可以轻松实现书签功能 .

我不想重定向作为查询参数我要添加的是我想要存储的简单数据过滤器 .

2 回答

0
在组件构造函数中，将查询参数订阅到模型 .
```
this.route.queryParams.subscribe(params => {
  this.myValue = params['myValue'];
});
```
现在，将监听器功能注册到视图模型，或者将监视添加到模型中 . 然后有一个导航功能，您可以在模型更新后调用：
```
navigate() {
    this.router.navigate([], {queryParams: { mValue: this.myValue }});
}
```
回复于 2024-05-01T13:14:20+08:00

只有两个不同路线的相同组件

const appRoutes: Routes = [
    { path: 'somepath', component: someComponent }, // yourapp/somepath
    { path: 'anotherpath', component: someComponent }, // yourapp/anotherpath
];

<a class="nav-link" routerLink="/anotherpath" routerLinkActive="active"> change path</a>

回复于 2024-05-01T13:14:20+08:00

Angular 2更新URL路径参数没有重定向

2 回答

相关问题