Wie man globale Konstanten in TypeScript für eine Angular-Anwendung richtig definiert

Hallo zusammen! Ich bin neu in TypeScript und Angular und habe ein Problem mit der Definition globaler Konstanten. Ich habe eine Anwendung, in der dieselben Werte in verschiedenen Komponenten und Services verwendet werden. Zum Beispiel die API-URL, die maximale Anzahl von Elementen pro Seite, Ereignisnamen und so weiter. Derzeit dupliziere ich diese Werte einfach in jeder Datei, aber das ist offensichtlich falsch – wenn ich die URL ändern muss, muss ich sie an einem Dutzend Stellen korrigieren. Ich habe versucht, Konstanten innerhalb einer Klasse zu deklarieren, aber dann sind sie ohne Import einer Klasseninstanz nicht aus anderen Dateien zugänglich. Hier ist ein Beispiel, was ich derzeit mache: ```typescript // in der Komponente user.component.ts const API_URL = 'https://api.example.com/v1'; const MAX_ITEMS = 10; export class UserComponent { constructor() { console.log(API_URL); // funktioniert } } // in einer anderen Komponente product.component.ts const API_URL = 'https://api.example.com/v1'; // Duplizierung! ``` Ich habe von `const` und `readonly` gehört, verstehe aber nicht, wie man sie organisiert.