كيفية نقل البيانات إلى مكون Angular أثناء التوجيه؟

مرحباً بالجميع! لقد بدأت مؤخراً في تعلم Angular وواجهت مشكلة في نقل البيانات بين المكونات عند التنقل عبر المسارات. لدي تطبيق يحتوي على قائمة مستخدمين وصفحة تفاصيل لكل مستخدم. أستخدم Angular Router للملاحة، لكنني لا أستطيع فهم كيفية نقل معرف المستخدم أو بيانات أخرى بشكل صحيح إلى المكون الذي يظهر بعد التنقل. إليك الكود الخاص بي بلغة 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 { // كيف يمكنني الحصول على البيانات المنقولة؟