下面的代码在初始页面渲染(加载)后重新加载页面一次。发出第一个重新加载请求后,它不会重新加载页面。我想知道如何无限期地重新加载页面。换句话说,每次用户发出页面重新加载请求时,它都应该始终发生。
客户.组件.ts
constructor(private router: Router ) {
this.router.routeReuseStrategy.shouldReuseRoute = () => {
return false;
};
}
pageReload(){
this.router.navigate(['/customer'], { queryParams: { namevar: this.namevar } });
}
html
<button (click)="pageReload()" > Refresh</button>
尝试下面的代码,它会重新加载组件。
onSameUrlNavigation: 'reload'
和 skipLocationChange: true
触发组件重新加载而不刷新页面。
pageReload() {
this.router.navigateByUrl(`${window.location.pathname}`, {
onSameUrlNavigation: 'reload',
skipLocationChange: true,
});
}