在Angular中,可以使用Router来管理应用程序的导航。以下是一些常用的导航方法:
在组件中使用Router的navigate方法可以跳转到指定路由,如下所示:
import { Router } from '@angular/router';
constructor(private router: Router) {}
goToPage(page: string){
this.router.navigate([page]);
}
使用Router的navigate方法还可以传递参数到目标组件中。例如:
goToPageWithParam(page: string, param: any){
this.router.navigate([page, param]);
}
在目标组件中,可以使用ActivatedRoute服务来获取传递的参数,如下所示:
import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) {}
ngOnInit() {
this.route.params.subscribe(params => {
console.log(params); // 打印传递的参数
});
}
使用Router的back方法可以返回到上一页,如下所示:
import { Location } from '@angular/common';
constructor(private location: Location) {}
goBack() {
this.location.back();
}