Angular 路由可能不会改变是因为 Angular 它会缓存组件,为了避免组件重复加载,可在路由配置中添加以下代码:
{ path: 'home', component: HomeComponent, data: { animation: 'HomePage' }, runGuardsAndResolvers: 'always' // 添加此行代码 }
可以使用 Router
对象中的 navigate()
方法强制导航到目标 URL ,如:
import { Router } from '@angular/router';
export class YourComponent {
constructor(private router: Router) {}
goToPage(page: number): void {
this.router.navigate(['/your-route', page], { queryParams: { queryParam1: 123 } });
}
}
其中 '/your-route'
是要导航的 URL, page
是路由参数,{ queryParams: {} }
为路由参数的查询参数。