Question

我在LOCATION_INITIALIZED中研究加载ngx-translate翻译时偶然发现APP_INITIALIZER（参见enter link description here

import { Injector, APP_INITIALIZER } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
import { LOCATION_INITIALIZED } from '@angular/common';

export function appInitializerFactory(translate: TranslateService, injector: Injector) {
  return () => new Promise<any>((resolve: any) => {
    const locationInitialized = injector.get(LOCATION_INITIALIZED, Promise.resolve(null));
    locationInitialized.then(() => {
      const langToSet = 'en-GB'
      translate.setDefaultLang('en-US');
      translate.use(langToSet).subscribe(() => {
        console.info(`Successfully initialized '${langToSet}' language.'`);
      }, err => {
        console.error(`Problem with '${langToSet}' language initialization.'`);
      }, () => {
        resolve(null);
      });
    });
  });
}

根据angular's source code，在我的情况下，浏览器（平台）准备就绪（DOM，位置和历史记录准备就绪，我的猜测）。

不幸的是，它并没有真正记录在任何地方。

我在没有LOCATION_INITIALIZED的情况下使用了上面的示例，它按预期工作。

那么我为什么要关心LOCATION_INITIALIZED以及何时应该使用它？

Answer 1

我使用相同的代码安全地初始化 ngx-translate 转换，以便使用Translate服务的 instant 方法，并且我有同样的疑问。

无论如何，在线搜索并根据APP_INITIALIZER的文档，我们只需要提供将在应用程序初始化期间执行的函数即可（使用Promise初始化直到Promise被解决才完成）

是的，您可以摆脱LOCATION_INITIALIZED并使用此功能（例如，我正在使用它，并且工作正常）。

export function appInitializerTranslationsFactory(translate: TranslateService) {
return () => new Promise<any>((resolve: any) => {
        const langToSet = 'en';
        translate.setDefaultLang('en');
        translate.use(langToSet).subscribe(() => {}, err => {}, () => {
            resolve(null);
        });
});

}

angular：LOCATION_INITIALIZED它是什么以及为什么使用它？

1 个答案: