TypeScript में Angular एप्लिकेशन के लिए ग्लोबल कॉन्स्टेंट्स को सही तरीके से कैसे परिभाषित करें?

सभी को नमस्ते! मैं TypeScript और Angular में नया हूँ और ग्लोबल कॉन्स्टेंट्स को परिभाषित करने की समस्या का सामना कर रहा हूँ। \n\nमेरे पास एक एप्लिकेशन है जिसमें विभिन्न components और services में समान मानों का उपयोग किया जाता है। उदाहरण के लिए, API URL, प्रति पेज आइटम की अधिकतम संख्या, इवेंट के नाम इत्यादि। अभी मैं प्रत्येक फ़ाइल में इन मानों को डुप्लिकेट कर रहा हूँ, लेकिन यह स्पष्ट रूप से गलत है — यदि URL बदलना हो, तो इसे दस जगहों पर ठीक करना पड़ता है।\n\nमैंने क्लास के अंदर कॉन्स्टेंट्स घोषित करने की कोशिश की, लेकिन तब वे क्लास के इंस्टेंस को इम्पोर्ट किए बिना अन्य फ़ाइलों से उपलब्ध नहीं होते। यहाँ मैं अभी जो कर रहा हूँ उसका एक उदाहरण है:\n\n```typescript\n// कंपोनेंट user.component.ts में\nconst API_URL = 'https://api.example.com/v1';\nconst MAX_ITEMS = 10;\n\nexport class UserComponent {\n constructor() {\n console.log(API_U