typescript - 在 Angular2 中加载 "configuration"

Question

我正在将现有应用程序转换为 Angular 2，客户端代码从服务器上的 API 获取其配置(例如遥测设置和指向其他 API 的 URL)。我有一些服务依赖于该 API 返回的 URL 来构建数据请求。我如何获取该服务的 URL？

我最初的计划是创建一个新的“配置”服务来处理数据获取。但是(我相信)无论何时你想访问一个配置属性，你都必须“订阅”它以获取值(至少，这就是我对其他服务所做的)。我还必须弄清楚如何链接响应，因此一旦返回配置服务的数据，就会触发实际服务请求的数据。

为了解决这个问题，我可以在 App 的构造函数中调用配置服务(这样它会加载应用程序启动时的数据)并将数据转储到单例中。但是我需要确保依赖于配置数据的东西在加载之前不会访问属性。

对我应该采取的方法有什么建议吗？

Answer 1

我采用了几种不同的方法。

可能最简单的方法是将配置值注入(inject)页面服务器端，这样您就可以开始了解它们，而不必担心调用外部 API。

如果这对您不起作用，那么您可以按照您的建议将属性转储到单例中。但是您需要将全局 Promise 放入该单例中(如下面的 ready 字段)，一旦检索到值，您就会立即解析它。然后在使用任何这些值之前，将您的调用与该全局配置链接起来，例如，如下所示:

config.ready.done(function() { 
    // Use config properties
});