如何在Angular 4中使用Router参数传递和获取参数？

给路由指定一个这样的参数：

{ path: 'edit-student-details/:id', component: studentEdit }

然后ActivatedRoute在该组件中使用以访问路由参数。从导入@angular/router

import { ActivatedRoute, Params } from '@angular/router';
import { Subscription } from 'rxjs/Subscription';

将其注入构造函数

private routeSub: Subscription;

constructor(private route: ActivatedRoute) {}

在初始化时，订阅路由参数

ngOnInit(): void {
    this.routeSub = this.route.params.subscribe((params: Params): void => {
        const id = params['id'];
    });
}

退订始终是个好主意

ngOnDestroy(): void {
    this.routeSub.unsubscribe();
}

要链接到此页面并传递其会员ID，请在您的学生列表页面上执行以下操作：

<a [routerLink]="['/edit-student-details', memberId]">Edit</a>

要通过组件方法进行导航，请Router从中注入@angular/router，然后在要导航时使用this.router.navigate(['/edit-student-details', memberId]);