Angular路由快照获取ID为undefined问题求助

核心问题1：路由参数定义存在空格 #

你的路由配置中，updateStudent/: id的冒号和参数名id之间多了一个空格，这会导致路由参数的键名变成带空格的 id，而非预期的id，所以用params['id']自然拿不到值。

修复路由模块代码：

const routes: Routes = [
  { path: 'studentsList', component: StudentsListComponent },
  { path: 'updateStudent/:id', component: UpdateStudentComponent }, // 去掉冒号和id之间的空格
  { path: '', redirectTo: 'main', pathMatch: 'full' }
];

核心问题2：组件构造函数语法错误 #

你的UpdateStudentComponent构造函数缺少闭合括号，这会导致代码运行异常：
修复前代码：

constructor( private route: ActivatedRoute,private router: Router{

修复后代码：

constructor(private route: ActivatedRoute, private router: Router) { // 补上闭合的)

优化建议：在ngOnInit中获取路由参数 #

虽然构造函数中也能获取路由快照，但更规范的做法是在ngOnInit生命周期钩子中处理，确保组件初始化完成后再获取参数：

export class UpdateStudentComponent implements OnInit {
  id: number;

  constructor(private route: ActivatedRoute, private router: Router) {}

  ngOnInit(): void {
    this.id = this.route.snapshot.params['id'];
    console.log(this.id);
  }
}

内容的提问来源于stack exchange，提问作者DarkShadow