如何在 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`,但不知道如何正