كيفية إعادة تحميل المسار الحالي في Angular باستخدام Router

مرحباً بالجميع! أنا مبتدئ في Angular و TypeScript، وقد واجهت مشكلة: أحتاج إلى إعادة تحميل الصفحة الحالية برمجياً (نفس المسار، نفس المعاملات). مثلاً، بعد أن يقوم المستخدم بحفظ أو تعديل البيانات، أريد تحديث المكون (Component) ليتم تحميل البيانات من الخادم مرة أخرى. حاولت استخدام `location.reload()`، لكنه يعيد تحميل الصفحة بالكامل، مما يعيد ضبط حالة التطبيق ويبدو غير مناسب. كما حاولت استخدام `this.router.navigate([this.router.url])`، لكن Angular لا يستجيب - لا يحدث شيء، لأن المسار لم يتغير. إليك مثال على الكود الذي أحاول استخدامه: ```typescript import { Component } from '@angular/core'; import { Router } from '@angular/router'; @Component({ selector: 'app-my-page', template: `...` }) export class MyPageComponent { constructor(private router: Router) {} reloadPage() { this.router.navigate([this.router.url]); } } ```