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: {} } 为路由参数的查询参数。