كيفية تعريف الثوابت العامة في TypeScript لتطبيق Angular؟

مرحبًا بالجميع! أنا مبتدئ في TypeScript و Angular وواجهت مشكلة في تعريف الثوابت العامة. لدي تطبيق يستخدم نفس القيم في مكونات وخدمات مختلفة. على سبيل المثال، URL API، الحد الأقصى لعدد العناصر في الصفحة، أسماء الأحداث، وما إلى ذلك. حاليًا، أقوم بتكرار هذه القيم في كل ملف، لكن هذا خطأ واضح — إذا احتجت إلى تغيير URL، يجب تعديله في عشرات الأماكن. حاولت تعريف الثوابت داخل class، لكنها أصبحت غير متاحة من ملفات أخرى دون import لمثيل class. إليك مثال لما أفعله حاليًا: ```typescript // في المكون user.component.ts const API_URL = 'https://api.example.com/v1'; const MAX_ITEMS = 10; export class UserComponent { constructor() { console.log(API_URL); // يعمل } } // في مكون آخر product.component.ts const API_URL = 'https://api.example.com/v1'; // تكرار! ``` لقد سمعت عن `const` و `readonly`، لكنني لا أفهم كيفية تنظيم الثوابت.