كيفية الحصول على الرابط الحالي في Angular 2

في Angular 2، يمكنك الحصول على الرابط الحالي في المتصفح باستخدام خدمة Router المدمجة. يمكنك استخدام Router للوصول إلى العديد من المعلومات المفيدة حول الطرق الحالية والتنقل بين الطرق في تطبيق Angular.

في TypeScript، يمكنك حقن خدمة Router في الكلاس الخاص بك واستخدامها للوصول إلى الرابط الحالي. إليك كيف يمكنك القيام بذلك:

أولاً، استيراد الطرق اللازمة من @angular/router:

typescriptCopy code
import { Router } from '@angular/router';

ثم، حقن Router في constructor الخاص بك:

typescriptCopy code
constructor(private router: Router) { }

الآن، يمكنك استخدام router.url للوصول إلى الرابط الحالي في أي مكان داخل الكلاس الخاص بك:

typescriptCopy code
getCurrentUrl() {
  return this.router.url;
}

على سبيل المثال، يمكنك استدعاء getCurrentUrl() في أحد الطرق في كلاس component الخاص بك للحصول على الرابط الحالي.

بالإضافة إلى الحصول على الرابط الحالي، يمكنك أيضًا استخدام خدمة Router في Angular 2 للتحقق من الحالة الحالية للطريق والتفاعل معها. على سبيل المثال، يمكنك تحديد ما إذا كانت الطريق الحالية تطابق مع طريق محدد، أو إعادة توجيه المستخدم إلى طريق جديد بناءً على بعض الشروط.

إذا كنت بحاجة إلى مزيد من المعلومات أو كود محدد لحالة معينة، فلا تتردد في طرح السؤال!