typescript - 从配置文件angular2加载数据

Question

我已经创建了一个 GUI 用于从远程服务器检索数据。现在我想尝试将此 GUI 的设置保存到配置文件中，以便可以更改文件设置。

我不知道如何在 Angular2 中创建配置文件。我试图查看有关如何创建和使用配置文件的链接，但我只是为 Java 和 C# 找到了它。它存在于 Angular2 中吗？

Answer 1

您可以为此使用 JSON 配置文件并使用 HTTP 加载它。在这种情况下，您可以异步引导您的应用程序以等待加载此配置数据。这是一个示例:

let appProviders = [ HTTP_PROVIDERS, ConfigurationService ];

var app = platform(BROWSER_PROVIDERS)
  .application([BROWSER_APP_PROVIDERS, appProviders]);

let service = app.injector.get(ConfigurationService);
service.getConfiguration().flatMap((configuration) => {
  var configurationProvider = new Provider('configuration', { useValue: configuration });
  return app.bootstrap(AppComponent, [ configurationProvider ]);
}).toPromise();

ConfigurationService 类可能是这样的:

@Injectable()
export class ConfigurationService {
  constructor(private http:Http) {
  }

  getConfiguration() {
    return this.http.get('config.json').map(res => res.json());
  }
}

有关详细信息，请参阅此问题:

• angular2 bootstrap with data from ajax call(s)