Comment définir correctement des constantes globales en TypeScript pour une application Angular ?

Bonjour à tous ! Je suis novice en TypeScript et Angular et j'ai rencontré un problème pour définir des constantes globales.\n\nJ'ai une application qui utilise les mêmes valeurs dans différents composants et services. Par exemple, l'URL de l'API, le nombre maximum d'éléments par page, les noms d'événements, etc. Actuellement, je duplique ces valeurs dans chaque fichier, mais c'est clairement incorrect — si je dois modifier l'URL, je dois la corriger à une dizaine d'endroits.\n\nJ'ai essayé de déclarer des constantes à l'intérieur d'une classe, mais elles ne sont alors pas accessibles depuis d'autres fichiers sans importer une instance de la classe. Voici un exemple de ce que je fais actuellement :\n\n```typescript\n// dans le composant 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_URL); // fonctionne\n }\n}\n\n// dans un autre composant product.component.ts\nconst API_URL = 'https://api.example.com/v1'; // duplication !\n```\n\nJ'ai entendu parler de `const` et `readonly`, mais je ne comprends pas comment les utiliser correctement.