在Angular 7中,可以使用路由器的navigate
方法来导航到带有GET参数的路径。以下是一个示例代码:
RouterModule
和Routes
:import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [
{ path: '', component: HomeComponent },
{ path: 'user/:id', component: UserComponent }
];
RouterModule.forRoot
方法将路由器模块添加到imports
数组中:@NgModule({
imports: [RouterModule.forRoot(routes)],
...
})
User
ActivatedRoute
和Params
:import { ActivatedRoute, Params } from '@angular/router';
ActivatedRoute
:constructor(private route: ActivatedRoute) { }
ngOnInit
方法中获取参数并处理它:ngOnInit() {
this.route.params.subscribe((params: Params) => {
const id = params['id'];
// 处理该ID
});
}
这样,当用户点击链接时,将导航到带有GET参数的路径,并在User组件中获取参数进行处理。