javascript - 如何设计一个全局类来存储 Angular 中的设置？

Question

我添加了一个这样的类。

export class Settings{
  public data: string = "blopp";
}

当我尝试访问数据时，我试图分配该值的字段似乎看到了类Settings本身但它无法识别数据之类的东西。

如何重新设计该类以为其他组件提供设置？

我已经阅读过有关 @Output 装饰器的内容，但由于我不会绑定(bind)到值，因此这似乎不是正确的方法。我已确保该类已被导入并在应该使用它的组件中被识别。我也尝试过相应的曝光，但在类中使用带有设置的函数 - 相同的失败结果。

Answer 1

如果您正在使用 angular-cli 并要在此类环境中存储特定设置 - 您已经内置了对此的支持。

将设置放入environment.ts中。例如:

export const environment = {
    production: false,
    someSetting: 'foo',
};

然后可以从应用程序内的任何位置使用它:

import { environment } from "../environments/environment"; //fix according to your project structure

@Injectable()
export class SampleService {
    private foo = environment.someSetting;
}

Here您可以找到有关如何添加更多环境并使用特定环境设置构建项目的更多信息。