Avatar ·

如何在 TypeScript 中为 Angular 应用正确定义全局常量?

大家好!我是 TypeScript 和 Angular 的新手,遇到了定义全局常量的问题。 我有一个应用,在不同的组件和服务中使用相同的值。例如,API URL、每页最大项目数、事件名称等等。目前我只是在每个文件中重复这些值,但这显然是不对的——如果需要更改 URL,就得在十几个地方修改。 我尝试在类内部声明常量,但这样它们在其他文件中不可访问,除非导入类的实例。以下是我目前的做法: ```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`,但不知道如何正