angular - 是否有最佳实践来放置跨文件共享的全局变量？

Question

有一个我在文件之间共享的数据列表，我希望这些数据在网站的所有页面上保持不变，但数据可能会随着时间的推移而发生变化。我在想，将所有这些数据放在一个公共(public)文件中是个好主意，这样我就不必每次这些变量之一发生变化时都在 50 个不同的位置更改 50 行代码，并且我会知道该去哪里每当我想更改这些变量，但我不知道将所有这些变量放在哪个文件中。

是否有一些关于将这些变量放在哪里的“最佳实践”？感谢您的帮助。

Answer 1

是的，您可以维护环境文件并访问所有周围的文件

制作环境.ts文件

export const environment = {
  production: false,
  api_url: 'https://Your_Api/api'
};

访问这些数据

import { environment } from './environments/environment';

然后访问数据

if (environment.production) {
  //your logic
}