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

सभी को नमस्ते! मैं TypeScript और Angular में नौसिखिया हूँ और ग्लोबल कॉन्स्टेंट्स को परिभाषित करने की समस्या का सामना कर रहा हूँ। \n\nमेरे पास एक एप्लिकेशन है जिसमें विभिन्न कंपोनेंट्स और सर्विसेज में समान मानों का उपयोग किया जाता है। उदाहरण के लिए, 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