如何在路由时向Angular组件传递数据？

大家好！我最近开始学习Angular，在路由切换时遇到了组件间数据传递的问题。我有一个包含用户列表和每个用户详情页的应用。我使用Angular Router进行导航，但不知道如何正确地将用户ID或其他数据传递给切换后显示的组件。 以下是我的TypeScript代码： ```typescript // app-routing.module.ts const routes: Routes = [ { path: 'users', component: UserListComponent }, { path: 'users/:id', component: UserDetailComponent } ]; // user-list.component.ts @Component({...}) export class UserListComponent { users = [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }]; goToUser(userId: number) { // 如何将userId传递给UserDetailComponent？ this.router.navigate(['/users', userId]); } } // user-detail.component.ts @Component({...}) export class UserDetailComponent { // 如何获取传递的userId并加载数据？