要刷新页面到包含参数化路径名称的原始着陆URL,你可以使用Angular的Router模块提供的navigateByUrl方法。以下是一个示例代码:
首先,确保在你的组件中导入Router模块:
import { Router } from '@angular/router';
接下来,在组件的构造函数中注入Router:
constructor(private router: Router) {}
然后,在需要刷新页面的地方,使用navigateByUrl方法来导航到当前URL:
refreshPage() {
const currentUrl = this.router.url;
this.router.navigateByUrl('/', { skipLocationChange: true }).then(() => {
this.router.navigateByUrl(currentUrl);
});
}
在这个示例中,我们首先获取当前的URL。然后,我们使用navigateByUrl方法导航到根路径'/',并使用skipLocationChange选项来禁用URL的更改历史记录。最后,我们再次使用navigateByUrl方法导航到之前获取的当前URL,这将刷新页面并保留参数化路径名称。
你可以在需要刷新页面的时候调用refreshPage方法,例如在点击事件中:
这样,当你点击按钮时,页面将被刷新到包含参数化路径名称的原始着陆URL。